body {
    background: -webkit-linear-gradient(right, grey, white, black);
    opacity: 1;
  }
  .clock {
    position: absolute;
    display: block;
    width: 600px;
    height: 600px;
    background: black;
    opacity: 1;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    border: 5px double black;
    z-index: -1;
    animation-name: clock;
    animation-duration: 6s;
    animation-iteration-count: infinite;
  }
  
  @keyframes clock {
    0% {
      background-color: dark grey;
    }
    25% {
      background-color: grey;
    }
    50% {
      background-color: silver;
    }
    100% {
      background-color: dim grey;
    }
  }
  /**.clock:hover{
    background:-webkit-linear-gradient(top,grey,black);
    opacity:0.6;
    -webkit-transition: background 2s;    -webkit-transition: opacity 2s;
   z-index:-1;*/
  
  .clock div {
    position: absolute;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
  }
  
  .clock::after {
    position: absolute;
    content: "";
    width: 12px;
    padding-bottom: 12px;
    background-color: white;
    border-radius: 50%;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
  }
  .clock #second-hand {
    height: 45%;
    top: 50%;
    left: calc(50% - 1px);
    z-index: 1;
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-radius: 0 0 1px 1px;
  }
  .clock #minute-hand {
    height: 40%;
    top: 50%;
    left: calc(50% - 2px);
    z-index: 1;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-radius: 0 0 2px 2px;
  }
  .clock #hour-hand {
    height: 30%;
    top: 50%;
    left: calc(50% - 3px);
    z-index: 1;
    border-left: 3px solid white;
    border-right: 3px solid white;
    border-radius: 0 0 3px 3px;
  }
  .clock .ticks span {
    position: absolute;
    display: block;
    height: 2px;
    width: 12px;
    background: #444;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    left: calc(50% - 6px);
    top: 50%;
  }
  .clock .ticks span:nth-child(1) {
    -webkit-transform: rotate(6deg) translateX(260px);
    transform: rotate(6deg) translateX(260px);
  }
  .clock .ticks span:nth-child(2) {
    -webkit-transform: rotate(12deg) translateX(260px);
    transform: rotate(12deg) translateX(260px);
  }
  .clock .ticks span:nth-child(3) {
    -webkit-transform: rotate(18deg) translateX(260px);
    transform: rotate(18deg) translateX(260px);
  }
  .clock .ticks span:nth-child(4) {
    -webkit-transform: rotate(24deg) translateX(260px);
    transform: rotate(24deg) translateX(260px);
  }
  .clock .ticks span:nth-child(5) {
    -webkit-transform: rotate(30deg) translateX(260px);
    transform: rotate(30deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(6) {
    -webkit-transform: rotate(36deg) translateX(260px);
    transform: rotate(36deg) translateX(260px);
  }
  .clock .ticks span:nth-child(7) {
    -webkit-transform: rotate(42deg) translateX(260px);
    transform: rotate(42deg) translateX(260px);
  }
  .clock .ticks span:nth-child(8) {
    -webkit-transform: rotate(48deg) translateX(260px);
    transform: rotate(48deg) translateX(260px);
  }
  .clock .ticks span:nth-child(9) {
    -webkit-transform: rotate(54deg) translateX(260px);
    transform: rotate(54deg) translateX(260px);
  }
  .clock .ticks span:nth-child(10) {
    -webkit-transform: rotate(60deg) translateX(260px);
    transform: rotate(60deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(11) {
    -webkit-transform: rotate(66deg) translateX(260px);
    transform: rotate(66deg) translateX(260px);
  }
  .clock .ticks span:nth-child(12) {
    -webkit-transform: rotate(72deg) translateX(260px);
    transform: rotate(72deg) translateX(260px);
  }
  .clock .ticks span:nth-child(13) {
    -webkit-transform: rotate(78deg) translateX(260px);
    transform: rotate(78deg) translateX(260px);
  }
  .clock .ticks span:nth-child(14) {
    -webkit-transform: rotate(84deg) translateX(260px);
    transform: rotate(84deg) translateX(260px);
  }
  .clock .ticks span:nth-child(15) {
    -webkit-transform: rotate(90deg) translateX(260px);
    transform: rotate(90deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(16) {
    -webkit-transform: rotate(96deg) translateX(260px);
    transform: rotate(96deg) translateX(260px);
  }
  .clock .ticks span:nth-child(17) {
    -webkit-transform: rotate(102deg) translateX(260px);
    transform: rotate(102deg) translateX(260px);
  }
  .clock .ticks span:nth-child(18) {
    -webkit-transform: rotate(108deg) translateX(260px);
    transform: rotate(108deg) translateX(260px);
  }
  .clock .ticks span:nth-child(19) {
    -webkit-transform: rotate(114deg) translateX(260px);
    transform: rotate(114deg) translateX(260px);
  }
  .clock .ticks span:nth-child(20) {
    -webkit-transform: rotate(120deg) translateX(260px);
    transform: rotate(120deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(21) {
    -webkit-transform: rotate(126deg) translateX(260px);
    transform: rotate(126deg) translateX(260px);
  }
  .clock .ticks span:nth-child(22) {
    -webkit-transform: rotate(132deg) translateX(260px);
    transform: rotate(132deg) translateX(260px);
  }
  .clock .ticks span:nth-child(23) {
    -webkit-transform: rotate(138deg) translateX(260px);
    transform: rotate(138deg) translateX(260px);
  }
  .clock .ticks span:nth-child(24) {
    -webkit-transform: rotate(144deg) translateX(260px);
    transform: rotate(144deg) translateX(260px);
  }
  .clock .ticks span:nth-child(25) {
    -webkit-transform: rotate(150deg) translateX(260px);
    transform: rotate(150deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(26) {
    -webkit-transform: rotate(156deg) translateX(260px);
    transform: rotate(156deg) translateX(260px);
  }
  .clock .ticks span:nth-child(27) {
    -webkit-transform: rotate(162deg) translateX(260px);
    transform: rotate(162deg) translateX(260px);
  }
  .clock .ticks span:nth-child(28) {
    -webkit-transform: rotate(168deg) translateX(260px);
    transform: rotate(168deg) translateX(260px);
  }
  .clock .ticks span:nth-child(29) {
    -webkit-transform: rotate(174deg) translateX(260px);
    transform: rotate(174deg) translateX(260px);
  }
  .clock .ticks span:nth-child(30) {
    -webkit-transform: rotate(180deg) translateX(260px);
    transform: rotate(180deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(31) {
    -webkit-transform: rotate(186deg) translateX(260px);
    transform: rotate(186deg) translateX(260px);
  }
  .clock .ticks span:nth-child(32) {
    -webkit-transform: rotate(192deg) translateX(260px);
    transform: rotate(192deg) translateX(260px);
  }
  .clock .ticks span:nth-child(33) {
    -webkit-transform: rotate(198deg) translateX(260px);
    transform: rotate(198deg) translateX(260px);
  }
  .clock .ticks span:nth-child(34) {
    -webkit-transform: rotate(204deg) translateX(260px);
    transform: rotate(204deg) translateX(260px);
  }
  .clock .ticks span:nth-child(35) {
    -webkit-transform: rotate(210deg) translateX(260px);
    transform: rotate(210deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(36) {
    -webkit-transform: rotate(216deg) translateX(260px);
    transform: rotate(216deg) translateX(260px);
  }
  .clock .ticks span:nth-child(37) {
    -webkit-transform: rotate(222deg) translateX(260px);
    transform: rotate(222deg) translateX(260px);
  }
  .clock .ticks span:nth-child(38) {
    -webkit-transform: rotate(228deg) translateX(260px);
    transform: rotate(228deg) translateX(260px);
  }
  .clock .ticks span:nth-child(39) {
    -webkit-transform: rotate(234deg) translateX(260px);
    transform: rotate(234deg) translateX(260px);
  }
  .clock .ticks span:nth-child(40) {
    -webkit-transform: rotate(240deg) translateX(260px);
    transform: rotate(240deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(41) {
    -webkit-transform: rotate(246deg) translateX(260px);
    transform: rotate(246deg) translateX(260px);
  }
  .clock .ticks span:nth-child(42) {
    -webkit-transform: rotate(252deg) translateX(260px);
    transform: rotate(252deg) translateX(260px);
  }
  .clock .ticks span:nth-child(43) {
    -webkit-transform: rotate(258deg) translateX(260px);
    transform: rotate(258deg) translateX(260px);
  }
  .clock .ticks span:nth-child(44) {
    -webkit-transform: rotate(264deg) translateX(260px);
    transform: rotate(264deg) translateX(260px);
  }
  .clock .ticks span:nth-child(45) {
    -webkit-transform: rotate(270deg) translateX(260px);
    transform: rotate(270deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(46) {
    -webkit-transform: rotate(276deg) translateX(260px);
    transform: rotate(276deg) translateX(260px);
  }
  .clock .ticks span:nth-child(47) {
    -webkit-transform: rotate(282deg) translateX(260px);
    transform: rotate(282deg) translateX(260px);
  }
  .clock .ticks span:nth-child(48) {
    -webkit-transform: rotate(288deg) translateX(260px);
    transform: rotate(288deg) translateX(260px);
  }
  .clock .ticks span:nth-child(49) {
    -webkit-transform: rotate(294deg) translateX(260px);
    transform: rotate(294deg) translateX(260px);
  }
  .clock .ticks span:nth-child(50) {
    -webkit-transform: rotate(300deg) translateX(260px);
    transform: rotate(300deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(51) {
    -webkit-transform: rotate(306deg) translateX(260px);
    transform: rotate(306deg) translateX(260px);
  }
  .clock .ticks span:nth-child(52) {
    -webkit-transform: rotate(312deg) translateX(260px);
    transform: rotate(312deg) translateX(260px);
  }
  .clock .ticks span:nth-child(53) {
    -webkit-transform: rotate(318deg) translateX(260px);
    transform: rotate(318deg) translateX(260px);
  }
  .clock .ticks span:nth-child(54) {
    -webkit-transform: rotate(324deg) translateX(260px);
    transform: rotate(324deg) translateX(260px);
  }
  .clock .ticks span:nth-child(55) {
    -webkit-transform: rotate(330deg) translateX(260px);
    transform: rotate(330deg) translateX(260px);
    background: white;
  }
  .clock .ticks span:nth-child(56) {
    -webkit-transform: rotate(336deg) translateX(260px);
    transform: rotate(336deg) translateX(260px);
  }
  .clock .ticks span:nth-child(57) {
    -webkit-transform: rotate(342deg) translateX(260px);
    transform: rotate(342deg) translateX(260px);
  }
  .clock .ticks span:nth-child(58) {
    -webkit-transform: rotate(348deg) translateX(260px);
    transform: rotate(348deg) translateX(260px);
  }
  .clock .ticks span:nth-child(59) {
    -webkit-transform: rotate(354deg) translateX(260px);
    transform: rotate(354deg) translateX(260px);
  }
  .clock .ticks span:nth-child(60) {
    -webkit-transform: rotate(360deg) translateX(260px);
    transform: rotate(360deg) translateX(260px);
    background: white;
  }
  
  @-webkit-keyframes animate-hand-0 {
    from {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
    to {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }
  
  @keyframes animate-hand-0 {
    from {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
    to {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-0 {
    from {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
    to {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }
  @keyframes animate-hour-hand-0 {
    from {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
    to {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
  }
  .sh-0 {
    -webkit-animation: animate-hand-0 60s linear infinite;
    animation: animate-hand-0 60s linear infinite;
  }
  
  .mh-0 {
    -webkit-animation: animate-hand-0 3600s linear infinite;
    animation: animate-hand-0 3600s linear infinite;
  }
  
  .hh-0 {
    -webkit-animation: animate-hour-hand-0 86400s linear infinite;
    animation: animate-hour-hand-0 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-1 {
    from {
      -webkit-transform: rotate(-174deg);
      transform: rotate(-174deg);
    }
    to {
      -webkit-transform: rotate(186deg);
      transform: rotate(186deg);
    }
  }
  
  @keyframes animate-hand-1 {
    from {
      -webkit-transform: rotate(-174deg);
      transform: rotate(-174deg);
    }
    to {
      -webkit-transform: rotate(186deg);
      transform: rotate(186deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-1 {
    from {
      -webkit-transform: rotate(-150deg);
      transform: rotate(-150deg);
    }
    to {
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg);
    }
  }
  @keyframes animate-hour-hand-1 {
    from {
      -webkit-transform: rotate(-150deg);
      transform: rotate(-150deg);
    }
    to {
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg);
    }
  }
  .sh-1 {
    -webkit-animation: animate-hand-1 60s linear infinite;
    animation: animate-hand-1 60s linear infinite;
  }
  
  .mh-1 {
    -webkit-animation: animate-hand-1 3600s linear infinite;
    animation: animate-hand-1 3600s linear infinite;
  }
  
  .hh-1 {
    -webkit-animation: animate-hour-hand-1 86400s linear infinite;
    animation: animate-hour-hand-1 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-2 {
    from {
      -webkit-transform: rotate(-168deg);
      transform: rotate(-168deg);
    }
    to {
      -webkit-transform: rotate(192deg);
      transform: rotate(192deg);
    }
  }
  
  @keyframes animate-hand-2 {
    from {
      -webkit-transform: rotate(-168deg);
      transform: rotate(-168deg);
    }
    to {
      -webkit-transform: rotate(192deg);
      transform: rotate(192deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-2 {
    from {
      -webkit-transform: rotate(-120deg);
      transform: rotate(-120deg);
    }
    to {
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg);
    }
  }
  @keyframes animate-hour-hand-2 {
    from {
      -webkit-transform: rotate(-120deg);
      transform: rotate(-120deg);
    }
    to {
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg);
    }
  }
  .sh-2 {
    -webkit-animation: animate-hand-2 60s linear infinite;
    animation: animate-hand-2 60s linear infinite;
  }
  
  .mh-2 {
    -webkit-animation: animate-hand-2 3600s linear infinite;
    animation: animate-hand-2 3600s linear infinite;
  }
  
  .hh-2 {
    -webkit-animation: animate-hour-hand-2 86400s linear infinite;
    animation: animate-hour-hand-2 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-3 {
    from {
      -webkit-transform: rotate(-162deg);
      transform: rotate(-162deg);
    }
    to {
      -webkit-transform: rotate(198deg);
      transform: rotate(198deg);
    }
  }
  
  @keyframes animate-hand-3 {
    from {
      -webkit-transform: rotate(-162deg);
      transform: rotate(-162deg);
    }
    to {
      -webkit-transform: rotate(198deg);
      transform: rotate(198deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-3 {
    from {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
    }
    to {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }
  }
  @keyframes animate-hour-hand-3 {
    from {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
    }
    to {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }
  }
  .sh-3 {
    -webkit-animation: animate-hand-3 60s linear infinite;
    animation: animate-hand-3 60s linear infinite;
  }
  
  .mh-3 {
    -webkit-animation: animate-hand-3 3600s linear infinite;
    animation: animate-hand-3 3600s linear infinite;
  }
  
  .hh-3 {
    -webkit-animation: animate-hour-hand-3 86400s linear infinite;
    animation: animate-hour-hand-3 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-4 {
    from {
      -webkit-transform: rotate(-156deg);
      transform: rotate(-156deg);
    }
    to {
      -webkit-transform: rotate(204deg);
      transform: rotate(204deg);
    }
  }
  
  @keyframes animate-hand-4 {
    from {
      -webkit-transform: rotate(-156deg);
      transform: rotate(-156deg);
    }
    to {
      -webkit-transform: rotate(204deg);
      transform: rotate(204deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-4 {
    from {
      -webkit-transform: rotate(-60deg);
      transform: rotate(-60deg);
    }
    to {
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg);
    }
  }
  @keyframes animate-hour-hand-4 {
    from {
      -webkit-transform: rotate(-60deg);
      transform: rotate(-60deg);
    }
    to {
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg);
    }
  }
  .sh-4 {
    -webkit-animation: animate-hand-4 60s linear infinite;
    animation: animate-hand-4 60s linear infinite;
  }
  
  .mh-4 {
    -webkit-animation: animate-hand-4 3600s linear infinite;
    animation: animate-hand-4 3600s linear infinite;
  }
  
  .hh-4 {
    -webkit-animation: animate-hour-hand-4 86400s linear infinite;
    animation: animate-hour-hand-4 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-5 {
    from {
      -webkit-transform: rotate(-150deg);
      transform: rotate(-150deg);
    }
    to {
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg);
    }
  }
  
  @keyframes animate-hand-5 {
    from {
      -webkit-transform: rotate(-150deg);
      transform: rotate(-150deg);
    }
    to {
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-5 {
    from {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }
    to {
      -webkit-transform: rotate(330deg);
      transform: rotate(330deg);
    }
  }
  @keyframes animate-hour-hand-5 {
    from {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }
    to {
      -webkit-transform: rotate(330deg);
      transform: rotate(330deg);
    }
  }
  .sh-5 {
    -webkit-animation: animate-hand-5 60s linear infinite;
    animation: animate-hand-5 60s linear infinite;
  }
  
  .mh-5 {
    -webkit-animation: animate-hand-5 3600s linear infinite;
    animation: animate-hand-5 3600s linear infinite;
  }
  
  .hh-5 {
    -webkit-animation: animate-hour-hand-5 86400s linear infinite;
    animation: animate-hour-hand-5 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-6 {
    from {
      -webkit-transform: rotate(-144deg);
      transform: rotate(-144deg);
    }
    to {
      -webkit-transform: rotate(216deg);
      transform: rotate(216deg);
    }
  }
  
  @keyframes animate-hand-6 {
    from {
      -webkit-transform: rotate(-144deg);
      transform: rotate(-144deg);
    }
    to {
      -webkit-transform: rotate(216deg);
      transform: rotate(216deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-6 {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes animate-hour-hand-6 {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .sh-6 {
    -webkit-animation: animate-hand-6 60s linear infinite;
    animation: animate-hand-6 60s linear infinite;
  }
  
  .mh-6 {
    -webkit-animation: animate-hand-6 3600s linear infinite;
    animation: animate-hand-6 3600s linear infinite;
  }
  
  .hh-6 {
    -webkit-animation: animate-hour-hand-6 86400s linear infinite;
    animation: animate-hour-hand-6 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-7 {
    from {
      -webkit-transform: rotate(-138deg);
      transform: rotate(-138deg);
    }
    to {
      -webkit-transform: rotate(222deg);
      transform: rotate(222deg);
    }
  }
  
  @keyframes animate-hand-7 {
    from {
      -webkit-transform: rotate(-138deg);
      transform: rotate(-138deg);
    }
    to {
      -webkit-transform: rotate(222deg);
      transform: rotate(222deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-7 {
    from {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }
    to {
      -webkit-transform: rotate(390deg);
      transform: rotate(390deg);
    }
  }
  @keyframes animate-hour-hand-7 {
    from {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }
    to {
      -webkit-transform: rotate(390deg);
      transform: rotate(390deg);
    }
  }
  .sh-7 {
    -webkit-animation: animate-hand-7 60s linear infinite;
    animation: animate-hand-7 60s linear infinite;
  }
  
  .mh-7 {
    -webkit-animation: animate-hand-7 3600s linear infinite;
    animation: animate-hand-7 3600s linear infinite;
  }
  
  .hh-7 {
    -webkit-animation: animate-hour-hand-7 86400s linear infinite;
    animation: animate-hour-hand-7 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-8 {
    from {
      -webkit-transform: rotate(-132deg);
      transform: rotate(-132deg);
    }
    to {
      -webkit-transform: rotate(228deg);
      transform: rotate(228deg);
    }
  }
  
  @keyframes animate-hand-8 {
    from {
      -webkit-transform: rotate(-132deg);
      transform: rotate(-132deg);
    }
    to {
      -webkit-transform: rotate(228deg);
      transform: rotate(228deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-8 {
    from {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
    }
    to {
      -webkit-transform: rotate(420deg);
      transform: rotate(420deg);
    }
  }
  @keyframes animate-hour-hand-8 {
    from {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
    }
    to {
      -webkit-transform: rotate(420deg);
      transform: rotate(420deg);
    }
  }
  .sh-8 {
    -webkit-animation: animate-hand-8 60s linear infinite;
    animation: animate-hand-8 60s linear infinite;
  }
  
  .mh-8 {
    -webkit-animation: animate-hand-8 3600s linear infinite;
    animation: animate-hand-8 3600s linear infinite;
  }
  
  .hh-8 {
    -webkit-animation: animate-hour-hand-8 86400s linear infinite;
    animation: animate-hour-hand-8 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-9 {
    from {
      -webkit-transform: rotate(-126deg);
      transform: rotate(-126deg);
    }
    to {
      -webkit-transform: rotate(234deg);
      transform: rotate(234deg);
    }
  }
  
  @keyframes animate-hand-9 {
    from {
      -webkit-transform: rotate(-126deg);
      transform: rotate(-126deg);
    }
    to {
      -webkit-transform: rotate(234deg);
      transform: rotate(234deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-9 {
    from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }
    to {
      -webkit-transform: rotate(450deg);
      transform: rotate(450deg);
    }
  }
  @keyframes animate-hour-hand-9 {
    from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }
    to {
      -webkit-transform: rotate(450deg);
      transform: rotate(450deg);
    }
  }
  .sh-9 {
    -webkit-animation: animate-hand-9 60s linear infinite;
    animation: animate-hand-9 60s linear infinite;
  }
  
  .mh-9 {
    -webkit-animation: animate-hand-9 3600s linear infinite;
    animation: animate-hand-9 3600s linear infinite;
  }
  
  .hh-9 {
    -webkit-animation: animate-hour-hand-9 86400s linear infinite;
    animation: animate-hour-hand-9 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-10 {
    from {
      -webkit-transform: rotate(-120deg);
      transform: rotate(-120deg);
    }
    to {
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg);
    }
  }
  
  @keyframes animate-hand-10 {
    from {
      -webkit-transform: rotate(-120deg);
      transform: rotate(-120deg);
    }
    to {
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-10 {
    from {
      -webkit-transform: rotate(120deg);
      transform: rotate(120deg);
    }
    to {
      -webkit-transform: rotate(480deg);
      transform: rotate(480deg);
    }
  }
  @keyframes animate-hour-hand-10 {
    from {
      -webkit-transform: rotate(120deg);
      transform: rotate(120deg);
    }
    to {
      -webkit-transform: rotate(480deg);
      transform: rotate(480deg);
    }
  }
  .sh-10 {
    -webkit-animation: animate-hand-10 60s linear infinite;
    animation: animate-hand-10 60s linear infinite;
  }
  
  .mh-10 {
    -webkit-animation: animate-hand-10 3600s linear infinite;
    animation: animate-hand-10 3600s linear infinite;
  }
  
  .hh-10 {
    -webkit-animation: animate-hour-hand-10 86400s linear infinite;
    animation: animate-hour-hand-10 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-11 {
    from {
      -webkit-transform: rotate(-114deg);
      transform: rotate(-114deg);
    }
    to {
      -webkit-transform: rotate(246deg);
      transform: rotate(246deg);
    }
  }
  
  @keyframes animate-hand-11 {
    from {
      -webkit-transform: rotate(-114deg);
      transform: rotate(-114deg);
    }
    to {
      -webkit-transform: rotate(246deg);
      transform: rotate(246deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-11 {
    from {
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg);
    }
    to {
      -webkit-transform: rotate(510deg);
      transform: rotate(510deg);
    }
  }
  @keyframes animate-hour-hand-11 {
    from {
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg);
    }
    to {
      -webkit-transform: rotate(510deg);
      transform: rotate(510deg);
    }
  }
  .sh-11 {
    -webkit-animation: animate-hand-11 60s linear infinite;
    animation: animate-hand-11 60s linear infinite;
  }
  
  .mh-11 {
    -webkit-animation: animate-hand-11 3600s linear infinite;
    animation: animate-hand-11 3600s linear infinite;
  }
  
  .hh-11 {
    -webkit-animation: animate-hour-hand-11 86400s linear infinite;
    animation: animate-hour-hand-11 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-12 {
    from {
      -webkit-transform: rotate(-108deg);
      transform: rotate(-108deg);
    }
    to {
      -webkit-transform: rotate(252deg);
      transform: rotate(252deg);
    }
  }
  
  @keyframes animate-hand-12 {
    from {
      -webkit-transform: rotate(-108deg);
      transform: rotate(-108deg);
    }
    to {
      -webkit-transform: rotate(252deg);
      transform: rotate(252deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-12 {
    from {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    to {
      -webkit-transform: rotate(540deg);
      transform: rotate(540deg);
    }
  }
  @keyframes animate-hour-hand-12 {
    from {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
    }
    to {
      -webkit-transform: rotate(540deg);
      transform: rotate(540deg);
    }
  }
  .sh-12 {
    -webkit-animation: animate-hand-12 60s linear infinite;
    animation: animate-hand-12 60s linear infinite;
  }
  
  .mh-12 {
    -webkit-animation: animate-hand-12 3600s linear infinite;
    animation: animate-hand-12 3600s linear infinite;
  }
  
  .hh-12 {
    -webkit-animation: animate-hour-hand-12 86400s linear infinite;
    animation: animate-hour-hand-12 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-13 {
    from {
      -webkit-transform: rotate(-102deg);
      transform: rotate(-102deg);
    }
    to {
      -webkit-transform: rotate(258deg);
      transform: rotate(258deg);
    }
  }
  
  @keyframes animate-hand-13 {
    from {
      -webkit-transform: rotate(-102deg);
      transform: rotate(-102deg);
    }
    to {
      -webkit-transform: rotate(258deg);
      transform: rotate(258deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-13 {
    from {
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg);
    }
    to {
      -webkit-transform: rotate(570deg);
      transform: rotate(570deg);
    }
  }
  @keyframes animate-hour-hand-13 {
    from {
      -webkit-transform: rotate(210deg);
      transform: rotate(210deg);
    }
    to {
      -webkit-transform: rotate(570deg);
      transform: rotate(570deg);
    }
  }
  .sh-13 {
    -webkit-animation: animate-hand-13 60s linear infinite;
    animation: animate-hand-13 60s linear infinite;
  }
  
  .mh-13 {
    -webkit-animation: animate-hand-13 3600s linear infinite;
    animation: animate-hand-13 3600s linear infinite;
  }
  
  .hh-13 {
    -webkit-animation: animate-hour-hand-13 86400s linear infinite;
    animation: animate-hour-hand-13 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-14 {
    from {
      -webkit-transform: rotate(-96deg);
      transform: rotate(-96deg);
    }
    to {
      -webkit-transform: rotate(264deg);
      transform: rotate(264deg);
    }
  }
  
  @keyframes animate-hand-14 {
    from {
      -webkit-transform: rotate(-96deg);
      transform: rotate(-96deg);
    }
    to {
      -webkit-transform: rotate(264deg);
      transform: rotate(264deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-14 {
    from {
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg);
    }
    to {
      -webkit-transform: rotate(600deg);
      transform: rotate(600deg);
    }
  }
  @keyframes animate-hour-hand-14 {
    from {
      -webkit-transform: rotate(240deg);
      transform: rotate(240deg);
    }
    to {
      -webkit-transform: rotate(600deg);
      transform: rotate(600deg);
    }
  }
  .sh-14 {
    -webkit-animation: animate-hand-14 60s linear infinite;
    animation: animate-hand-14 60s linear infinite;
  }
  
  .mh-14 {
    -webkit-animation: animate-hand-14 3600s linear infinite;
    animation: animate-hand-14 3600s linear infinite;
  }
  
  .hh-14 {
    -webkit-animation: animate-hour-hand-14 86400s linear infinite;
    animation: animate-hour-hand-14 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-15 {
    from {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
    }
    to {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }
  }
  
  @keyframes animate-hand-15 {
    from {
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
    }
    to {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-15 {
    from {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }
    to {
      -webkit-transform: rotate(630deg);
      transform: rotate(630deg);
    }
  }
  @keyframes animate-hour-hand-15 {
    from {
      -webkit-transform: rotate(270deg);
      transform: rotate(270deg);
    }
    to {
      -webkit-transform: rotate(630deg);
      transform: rotate(630deg);
    }
  }
  .sh-15 {
    -webkit-animation: animate-hand-15 60s linear infinite;
    animation: animate-hand-15 60s linear infinite;
  }
  
  .mh-15 {
    -webkit-animation: animate-hand-15 3600s linear infinite;
    animation: animate-hand-15 3600s linear infinite;
  }
  
  .hh-15 {
    -webkit-animation: animate-hour-hand-15 86400s linear infinite;
    animation: animate-hour-hand-15 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-16 {
    from {
      -webkit-transform: rotate(-84deg);
      transform: rotate(-84deg);
    }
    to {
      -webkit-transform: rotate(276deg);
      transform: rotate(276deg);
    }
  }
  
  @keyframes animate-hand-16 {
    from {
      -webkit-transform: rotate(-84deg);
      transform: rotate(-84deg);
    }
    to {
      -webkit-transform: rotate(276deg);
      transform: rotate(276deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-16 {
    from {
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg);
    }
    to {
      -webkit-transform: rotate(660deg);
      transform: rotate(660deg);
    }
  }
  @keyframes animate-hour-hand-16 {
    from {
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg);
    }
    to {
      -webkit-transform: rotate(660deg);
      transform: rotate(660deg);
    }
  }
  .sh-16 {
    -webkit-animation: animate-hand-16 60s linear infinite;
    animation: animate-hand-16 60s linear infinite;
  }
  
  .mh-16 {
    -webkit-animation: animate-hand-16 3600s linear infinite;
    animation: animate-hand-16 3600s linear infinite;
  }
  
  .hh-16 {
    -webkit-animation: animate-hour-hand-16 86400s linear infinite;
    animation: animate-hour-hand-16 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-17 {
    from {
      -webkit-transform: rotate(-78deg);
      transform: rotate(-78deg);
    }
    to {
      -webkit-transform: rotate(282deg);
      transform: rotate(282deg);
    }
  }
  
  @keyframes animate-hand-17 {
    from {
      -webkit-transform: rotate(-78deg);
      transform: rotate(-78deg);
    }
    to {
      -webkit-transform: rotate(282deg);
      transform: rotate(282deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-17 {
    from {
      -webkit-transform: rotate(330deg);
      transform: rotate(330deg);
    }
    to {
      -webkit-transform: rotate(690deg);
      transform: rotate(690deg);
    }
  }
  @keyframes animate-hour-hand-17 {
    from {
      -webkit-transform: rotate(330deg);
      transform: rotate(330deg);
    }
    to {
      -webkit-transform: rotate(690deg);
      transform: rotate(690deg);
    }
  }
  .sh-17 {
    -webkit-animation: animate-hand-17 60s linear infinite;
    animation: animate-hand-17 60s linear infinite;
  }
  
  .mh-17 {
    -webkit-animation: animate-hand-17 3600s linear infinite;
    animation: animate-hand-17 3600s linear infinite;
  }
  
  .hh-17 {
    -webkit-animation: animate-hour-hand-17 86400s linear infinite;
    animation: animate-hour-hand-17 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-18 {
    from {
      -webkit-transform: rotate(-72deg);
      transform: rotate(-72deg);
    }
    to {
      -webkit-transform: rotate(288deg);
      transform: rotate(288deg);
    }
  }
  
  @keyframes animate-hand-18 {
    from {
      -webkit-transform: rotate(-72deg);
      transform: rotate(-72deg);
    }
    to {
      -webkit-transform: rotate(288deg);
      transform: rotate(288deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-18 {
    from {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
    to {
      -webkit-transform: rotate(720deg);
      transform: rotate(720deg);
    }
  }
  @keyframes animate-hour-hand-18 {
    from {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
    to {
      -webkit-transform: rotate(720deg);
      transform: rotate(720deg);
    }
  }
  .sh-18 {
    -webkit-animation: animate-hand-18 60s linear infinite;
    animation: animate-hand-18 60s linear infinite;
  }
  
  .mh-18 {
    -webkit-animation: animate-hand-18 3600s linear infinite;
    animation: animate-hand-18 3600s linear infinite;
  }
  
  .hh-18 {
    -webkit-animation: animate-hour-hand-18 86400s linear infinite;
    animation: animate-hour-hand-18 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-19 {
    from {
      -webkit-transform: rotate(-66deg);
      transform: rotate(-66deg);
    }
    to {
      -webkit-transform: rotate(294deg);
      transform: rotate(294deg);
    }
  }
  
  @keyframes animate-hand-19 {
    from {
      -webkit-transform: rotate(-66deg);
      transform: rotate(-66deg);
    }
    to {
      -webkit-transform: rotate(294deg);
      transform: rotate(294deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-19 {
    from {
      -webkit-transform: rotate(390deg);
      transform: rotate(390deg);
    }
    to {
      -webkit-transform: rotate(750deg);
      transform: rotate(750deg);
    }
  }
  @keyframes animate-hour-hand-19 {
    from {
      -webkit-transform: rotate(390deg);
      transform: rotate(390deg);
    }
    to {
      -webkit-transform: rotate(750deg);
      transform: rotate(750deg);
    }
  }
  .sh-19 {
    -webkit-animation: animate-hand-19 60s linear infinite;
    animation: animate-hand-19 60s linear infinite;
  }
  
  .mh-19 {
    -webkit-animation: animate-hand-19 3600s linear infinite;
    animation: animate-hand-19 3600s linear infinite;
  }
  
  .hh-19 {
    -webkit-animation: animate-hour-hand-19 86400s linear infinite;
    animation: animate-hour-hand-19 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-20 {
    from {
      -webkit-transform: rotate(-60deg);
      transform: rotate(-60deg);
    }
    to {
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg);
    }
  }
  
  @keyframes animate-hand-20 {
    from {
      -webkit-transform: rotate(-60deg);
      transform: rotate(-60deg);
    }
    to {
      -webkit-transform: rotate(300deg);
      transform: rotate(300deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-20 {
    from {
      -webkit-transform: rotate(420deg);
      transform: rotate(420deg);
    }
    to {
      -webkit-transform: rotate(780deg);
      transform: rotate(780deg);
    }
  }
  @keyframes animate-hour-hand-20 {
    from {
      -webkit-transform: rotate(420deg);
      transform: rotate(420deg);
    }
    to {
      -webkit-transform: rotate(780deg);
      transform: rotate(780deg);
    }
  }
  .sh-20 {
    -webkit-animation: animate-hand-20 60s linear infinite;
    animation: animate-hand-20 60s linear infinite;
  }
  
  .mh-20 {
    -webkit-animation: animate-hand-20 3600s linear infinite;
    animation: animate-hand-20 3600s linear infinite;
  }
  
  .hh-20 {
    -webkit-animation: animate-hour-hand-20 86400s linear infinite;
    animation: animate-hour-hand-20 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-21 {
    from {
      -webkit-transform: rotate(-54deg);
      transform: rotate(-54deg);
    }
    to {
      -webkit-transform: rotate(306deg);
      transform: rotate(306deg);
    }
  }
  
  @keyframes animate-hand-21 {
    from {
      -webkit-transform: rotate(-54deg);
      transform: rotate(-54deg);
    }
    to {
      -webkit-transform: rotate(306deg);
      transform: rotate(306deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-21 {
    from {
      -webkit-transform: rotate(450deg);
      transform: rotate(450deg);
    }
    to {
      -webkit-transform: rotate(810deg);
      transform: rotate(810deg);
    }
  }
  @keyframes animate-hour-hand-21 {
    from {
      -webkit-transform: rotate(450deg);
      transform: rotate(450deg);
    }
    to {
      -webkit-transform: rotate(810deg);
      transform: rotate(810deg);
    }
  }
  .sh-21 {
    -webkit-animation: animate-hand-21 60s linear infinite;
    animation: animate-hand-21 60s linear infinite;
  }
  
  .mh-21 {
    -webkit-animation: animate-hand-21 3600s linear infinite;
    animation: animate-hand-21 3600s linear infinite;
  }
  
  .hh-21 {
    -webkit-animation: animate-hour-hand-21 86400s linear infinite;
    animation: animate-hour-hand-21 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-22 {
    from {
      -webkit-transform: rotate(-48deg);
      transform: rotate(-48deg);
    }
    to {
      -webkit-transform: rotate(312deg);
      transform: rotate(312deg);
    }
  }
  
  @keyframes animate-hand-22 {
    from {
      -webkit-transform: rotate(-48deg);
      transform: rotate(-48deg);
    }
    to {
      -webkit-transform: rotate(312deg);
      transform: rotate(312deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-22 {
    from {
      -webkit-transform: rotate(480deg);
      transform: rotate(480deg);
    }
    to {
      -webkit-transform: rotate(840deg);
      transform: rotate(840deg);
    }
  }
  @keyframes animate-hour-hand-22 {
    from {
      -webkit-transform: rotate(480deg);
      transform: rotate(480deg);
    }
    to {
      -webkit-transform: rotate(840deg);
      transform: rotate(840deg);
    }
  }
  .sh-22 {
    -webkit-animation: animate-hand-22 60s linear infinite;
    animation: animate-hand-22 60s linear infinite;
  }
  
  .mh-22 {
    -webkit-animation: animate-hand-22 3600s linear infinite;
    animation: animate-hand-22 3600s linear infinite;
  }
  
  .hh-22 {
    -webkit-animation: animate-hour-hand-22 86400s linear infinite;
    animation: animate-hour-hand-22 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-23 {
    from {
      -webkit-transform: rotate(-42deg);
      transform: rotate(-42deg);
    }
    to {
      -webkit-transform: rotate(318deg);
      transform: rotate(318deg);
    }
  }
  
  @keyframes animate-hand-23 {
    from {
      -webkit-transform: rotate(-42deg);
      transform: rotate(-42deg);
    }
    to {
      -webkit-transform: rotate(318deg);
      transform: rotate(318deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-23 {
    from {
      -webkit-transform: rotate(510deg);
      transform: rotate(510deg);
    }
    to {
      -webkit-transform: rotate(870deg);
      transform: rotate(870deg);
    }
  }
  @keyframes animate-hour-hand-23 {
    from {
      -webkit-transform: rotate(510deg);
      transform: rotate(510deg);
    }
    to {
      -webkit-transform: rotate(870deg);
      transform: rotate(870deg);
    }
  }
  .sh-23 {
    -webkit-animation: animate-hand-23 60s linear infinite;
    animation: animate-hand-23 60s linear infinite;
  }
  
  .mh-23 {
    -webkit-animation: animate-hand-23 3600s linear infinite;
    animation: animate-hand-23 3600s linear infinite;
  }
  
  .hh-23 {
    -webkit-animation: animate-hour-hand-23 86400s linear infinite;
    animation: animate-hour-hand-23 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-24 {
    from {
      -webkit-transform: rotate(-36deg);
      transform: rotate(-36deg);
    }
    to {
      -webkit-transform: rotate(324deg);
      transform: rotate(324deg);
    }
  }
  
  @keyframes animate-hand-24 {
    from {
      -webkit-transform: rotate(-36deg);
      transform: rotate(-36deg);
    }
    to {
      -webkit-transform: rotate(324deg);
      transform: rotate(324deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-24 {
    from {
      -webkit-transform: rotate(540deg);
      transform: rotate(540deg);
    }
    to {
      -webkit-transform: rotate(900deg);
      transform: rotate(900deg);
    }
  }
  @keyframes animate-hour-hand-24 {
    from {
      -webkit-transform: rotate(540deg);
      transform: rotate(540deg);
    }
    to {
      -webkit-transform: rotate(900deg);
      transform: rotate(900deg);
    }
  }
  .sh-24 {
    -webkit-animation: animate-hand-24 60s linear infinite;
    animation: animate-hand-24 60s linear infinite;
  }
  
  .mh-24 {
    -webkit-animation: animate-hand-24 3600s linear infinite;
    animation: animate-hand-24 3600s linear infinite;
  }
  
  .hh-24 {
    -webkit-animation: animate-hour-hand-24 86400s linear infinite;
    animation: animate-hour-hand-24 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-25 {
    from {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }
    to {
      -webkit-transform: rotate(330deg);
      transform: rotate(330deg);
    }
  }
  
  @keyframes animate-hand-25 {
    from {
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg);
    }
    to {
      -webkit-transform: rotate(330deg);
      transform: rotate(330deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-25 {
    from {
      -webkit-transform: rotate(570deg);
      transform: rotate(570deg);
    }
    to {
      -webkit-transform: rotate(930deg);
      transform: rotate(930deg);
    }
  }
  @keyframes animate-hour-hand-25 {
    from {
      -webkit-transform: rotate(570deg);
      transform: rotate(570deg);
    }
    to {
      -webkit-transform: rotate(930deg);
      transform: rotate(930deg);
    }
  }
  .sh-25 {
    -webkit-animation: animate-hand-25 60s linear infinite;
    animation: animate-hand-25 60s linear infinite;
  }
  
  .mh-25 {
    -webkit-animation: animate-hand-25 3600s linear infinite;
    animation: animate-hand-25 3600s linear infinite;
  }
  
  .hh-25 {
    -webkit-animation: animate-hour-hand-25 86400s linear infinite;
    animation: animate-hour-hand-25 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-26 {
    from {
      -webkit-transform: rotate(-24deg);
      transform: rotate(-24deg);
    }
    to {
      -webkit-transform: rotate(336deg);
      transform: rotate(336deg);
    }
  }
  
  @keyframes animate-hand-26 {
    from {
      -webkit-transform: rotate(-24deg);
      transform: rotate(-24deg);
    }
    to {
      -webkit-transform: rotate(336deg);
      transform: rotate(336deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-26 {
    from {
      -webkit-transform: rotate(600deg);
      transform: rotate(600deg);
    }
    to {
      -webkit-transform: rotate(960deg);
      transform: rotate(960deg);
    }
  }
  @keyframes animate-hour-hand-26 {
    from {
      -webkit-transform: rotate(600deg);
      transform: rotate(600deg);
    }
    to {
      -webkit-transform: rotate(960deg);
      transform: rotate(960deg);
    }
  }
  .sh-26 {
    -webkit-animation: animate-hand-26 60s linear infinite;
    animation: animate-hand-26 60s linear infinite;
  }
  
  .mh-26 {
    -webkit-animation: animate-hand-26 3600s linear infinite;
    animation: animate-hand-26 3600s linear infinite;
  }
  
  .hh-26 {
    -webkit-animation: animate-hour-hand-26 86400s linear infinite;
    animation: animate-hour-hand-26 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-27 {
    from {
      -webkit-transform: rotate(-18deg);
      transform: rotate(-18deg);
    }
    to {
      -webkit-transform: rotate(342deg);
      transform: rotate(342deg);
    }
  }
  
  @keyframes animate-hand-27 {
    from {
      -webkit-transform: rotate(-18deg);
      transform: rotate(-18deg);
    }
    to {
      -webkit-transform: rotate(342deg);
      transform: rotate(342deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-27 {
    from {
      -webkit-transform: rotate(630deg);
      transform: rotate(630deg);
    }
    to {
      -webkit-transform: rotate(990deg);
      transform: rotate(990deg);
    }
  }
  @keyframes animate-hour-hand-27 {
    from {
      -webkit-transform: rotate(630deg);
      transform: rotate(630deg);
    }
    to {
      -webkit-transform: rotate(990deg);
      transform: rotate(990deg);
    }
  }
  .sh-27 {
    -webkit-animation: animate-hand-27 60s linear infinite;
    animation: animate-hand-27 60s linear infinite;
  }
  
  .mh-27 {
    -webkit-animation: animate-hand-27 3600s linear infinite;
    animation: animate-hand-27 3600s linear infinite;
  }
  
  .hh-27 {
    -webkit-animation: animate-hour-hand-27 86400s linear infinite;
    animation: animate-hour-hand-27 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-28 {
    from {
      -webkit-transform: rotate(-12deg);
      transform: rotate(-12deg);
    }
    to {
      -webkit-transform: rotate(348deg);
      transform: rotate(348deg);
    }
  }
  
  @keyframes animate-hand-28 {
    from {
      -webkit-transform: rotate(-12deg);
      transform: rotate(-12deg);
    }
    to {
      -webkit-transform: rotate(348deg);
      transform: rotate(348deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-28 {
    from {
      -webkit-transform: rotate(660deg);
      transform: rotate(660deg);
    }
    to {
      -webkit-transform: rotate(1020deg);
      transform: rotate(1020deg);
    }
  }
  @keyframes animate-hour-hand-28 {
    from {
      -webkit-transform: rotate(660deg);
      transform: rotate(660deg);
    }
    to {
      -webkit-transform: rotate(1020deg);
      transform: rotate(1020deg);
    }
  }
  .sh-28 {
    -webkit-animation: animate-hand-28 60s linear infinite;
    animation: animate-hand-28 60s linear infinite;
  }
  
  .mh-28 {
    -webkit-animation: animate-hand-28 3600s linear infinite;
    animation: animate-hand-28 3600s linear infinite;
  }
  
  .hh-28 {
    -webkit-animation: animate-hour-hand-28 86400s linear infinite;
    animation: animate-hour-hand-28 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-29 {
    from {
      -webkit-transform: rotate(-6deg);
      transform: rotate(-6deg);
    }
    to {
      -webkit-transform: rotate(354deg);
      transform: rotate(354deg);
    }
  }
  
  @keyframes animate-hand-29 {
    from {
      -webkit-transform: rotate(-6deg);
      transform: rotate(-6deg);
    }
    to {
      -webkit-transform: rotate(354deg);
      transform: rotate(354deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-29 {
    from {
      -webkit-transform: rotate(690deg);
      transform: rotate(690deg);
    }
    to {
      -webkit-transform: rotate(1050deg);
      transform: rotate(1050deg);
    }
  }
  @keyframes animate-hour-hand-29 {
    from {
      -webkit-transform: rotate(690deg);
      transform: rotate(690deg);
    }
    to {
      -webkit-transform: rotate(1050deg);
      transform: rotate(1050deg);
    }
  }
  .sh-29 {
    -webkit-animation: animate-hand-29 60s linear infinite;
    animation: animate-hand-29 60s linear infinite;
  }
  
  .mh-29 {
    -webkit-animation: animate-hand-29 3600s linear infinite;
    animation: animate-hand-29 3600s linear infinite;
  }
  
  .hh-29 {
    -webkit-animation: animate-hour-hand-29 86400s linear infinite;
    animation: animate-hour-hand-29 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-30 {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  
  @keyframes animate-hand-30 {
    from {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-30 {
    from {
      -webkit-transform: rotate(720deg);
      transform: rotate(720deg);
    }
    to {
      -webkit-transform: rotate(1080deg);
      transform: rotate(1080deg);
    }
  }
  @keyframes animate-hour-hand-30 {
    from {
      -webkit-transform: rotate(720deg);
      transform: rotate(720deg);
    }
    to {
      -webkit-transform: rotate(1080deg);
      transform: rotate(1080deg);
    }
  }
  .sh-30 {
    -webkit-animation: animate-hand-30 60s linear infinite;
    animation: animate-hand-30 60s linear infinite;
  }
  
  .mh-30 {
    -webkit-animation: animate-hand-30 3600s linear infinite;
    animation: animate-hand-30 3600s linear infinite;
  }
  
  .hh-30 {
    -webkit-animation: animate-hour-hand-30 86400s linear infinite;
    animation: animate-hour-hand-30 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-31 {
    from {
      -webkit-transform: rotate(6deg);
      transform: rotate(6deg);
    }
    to {
      -webkit-transform: rotate(366deg);
      transform: rotate(366deg);
    }
  }
  
  @keyframes animate-hand-31 {
    from {
      -webkit-transform: rotate(6deg);
      transform: rotate(6deg);
    }
    to {
      -webkit-transform: rotate(366deg);
      transform: rotate(366deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-31 {
    from {
      -webkit-transform: rotate(750deg);
      transform: rotate(750deg);
    }
    to {
      -webkit-transform: rotate(1110deg);
      transform: rotate(1110deg);
    }
  }
  @keyframes animate-hour-hand-31 {
    from {
      -webkit-transform: rotate(750deg);
      transform: rotate(750deg);
    }
    to {
      -webkit-transform: rotate(1110deg);
      transform: rotate(1110deg);
    }
  }
  .sh-31 {
    -webkit-animation: animate-hand-31 60s linear infinite;
    animation: animate-hand-31 60s linear infinite;
  }
  
  .mh-31 {
    -webkit-animation: animate-hand-31 3600s linear infinite;
    animation: animate-hand-31 3600s linear infinite;
  }
  
  .hh-31 {
    -webkit-animation: animate-hour-hand-31 86400s linear infinite;
    animation: animate-hour-hand-31 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-32 {
    from {
      -webkit-transform: rotate(12deg);
      transform: rotate(12deg);
    }
    to {
      -webkit-transform: rotate(372deg);
      transform: rotate(372deg);
    }
  }
  
  @keyframes animate-hand-32 {
    from {
      -webkit-transform: rotate(12deg);
      transform: rotate(12deg);
    }
    to {
      -webkit-transform: rotate(372deg);
      transform: rotate(372deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-32 {
    from {
      -webkit-transform: rotate(780deg);
      transform: rotate(780deg);
    }
    to {
      -webkit-transform: rotate(1140deg);
      transform: rotate(1140deg);
    }
  }
  @keyframes animate-hour-hand-32 {
    from {
      -webkit-transform: rotate(780deg);
      transform: rotate(780deg);
    }
    to {
      -webkit-transform: rotate(1140deg);
      transform: rotate(1140deg);
    }
  }
  .sh-32 {
    -webkit-animation: animate-hand-32 60s linear infinite;
    animation: animate-hand-32 60s linear infinite;
  }
  
  .mh-32 {
    -webkit-animation: animate-hand-32 3600s linear infinite;
    animation: animate-hand-32 3600s linear infinite;
  }
  
  .hh-32 {
    -webkit-animation: animate-hour-hand-32 86400s linear infinite;
    animation: animate-hour-hand-32 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-33 {
    from {
      -webkit-transform: rotate(18deg);
      transform: rotate(18deg);
    }
    to {
      -webkit-transform: rotate(378deg);
      transform: rotate(378deg);
    }
  }
  
  @keyframes animate-hand-33 {
    from {
      -webkit-transform: rotate(18deg);
      transform: rotate(18deg);
    }
    to {
      -webkit-transform: rotate(378deg);
      transform: rotate(378deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-33 {
    from {
      -webkit-transform: rotate(810deg);
      transform: rotate(810deg);
    }
    to {
      -webkit-transform: rotate(1170deg);
      transform: rotate(1170deg);
    }
  }
  @keyframes animate-hour-hand-33 {
    from {
      -webkit-transform: rotate(810deg);
      transform: rotate(810deg);
    }
    to {
      -webkit-transform: rotate(1170deg);
      transform: rotate(1170deg);
    }
  }
  .sh-33 {
    -webkit-animation: animate-hand-33 60s linear infinite;
    animation: animate-hand-33 60s linear infinite;
  }
  
  .mh-33 {
    -webkit-animation: animate-hand-33 3600s linear infinite;
    animation: animate-hand-33 3600s linear infinite;
  }
  
  .hh-33 {
    -webkit-animation: animate-hour-hand-33 86400s linear infinite;
    animation: animate-hour-hand-33 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-34 {
    from {
      -webkit-transform: rotate(24deg);
      transform: rotate(24deg);
    }
    to {
      -webkit-transform: rotate(384deg);
      transform: rotate(384deg);
    }
  }
  
  @keyframes animate-hand-34 {
    from {
      -webkit-transform: rotate(24deg);
      transform: rotate(24deg);
    }
    to {
      -webkit-transform: rotate(384deg);
      transform: rotate(384deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-34 {
    from {
      -webkit-transform: rotate(840deg);
      transform: rotate(840deg);
    }
    to {
      -webkit-transform: rotate(1200deg);
      transform: rotate(1200deg);
    }
  }
  @keyframes animate-hour-hand-34 {
    from {
      -webkit-transform: rotate(840deg);
      transform: rotate(840deg);
    }
    to {
      -webkit-transform: rotate(1200deg);
      transform: rotate(1200deg);
    }
  }
  .sh-34 {
    -webkit-animation: animate-hand-34 60s linear infinite;
    animation: animate-hand-34 60s linear infinite;
  }
  
  .mh-34 {
    -webkit-animation: animate-hand-34 3600s linear infinite;
    animation: animate-hand-34 3600s linear infinite;
  }
  
  .hh-34 {
    -webkit-animation: animate-hour-hand-34 86400s linear infinite;
    animation: animate-hour-hand-34 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-35 {
    from {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }
    to {
      -webkit-transform: rotate(390deg);
      transform: rotate(390deg);
    }
  }
  
  @keyframes animate-hand-35 {
    from {
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg);
    }
    to {
      -webkit-transform: rotate(390deg);
      transform: rotate(390deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-35 {
    from {
      -webkit-transform: rotate(870deg);
      transform: rotate(870deg);
    }
    to {
      -webkit-transform: rotate(1230deg);
      transform: rotate(1230deg);
    }
  }
  @keyframes animate-hour-hand-35 {
    from {
      -webkit-transform: rotate(870deg);
      transform: rotate(870deg);
    }
    to {
      -webkit-transform: rotate(1230deg);
      transform: rotate(1230deg);
    }
  }
  .sh-35 {
    -webkit-animation: animate-hand-35 60s linear infinite;
    animation: animate-hand-35 60s linear infinite;
  }
  
  .mh-35 {
    -webkit-animation: animate-hand-35 3600s linear infinite;
    animation: animate-hand-35 3600s linear infinite;
  }
  
  .hh-35 {
    -webkit-animation: animate-hour-hand-35 86400s linear infinite;
    animation: animate-hour-hand-35 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-36 {
    from {
      -webkit-transform: rotate(36deg);
      transform: rotate(36deg);
    }
    to {
      -webkit-transform: rotate(396deg);
      transform: rotate(396deg);
    }
  }
  
  @keyframes animate-hand-36 {
    from {
      -webkit-transform: rotate(36deg);
      transform: rotate(36deg);
    }
    to {
      -webkit-transform: rotate(396deg);
      transform: rotate(396deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-36 {
    from {
      -webkit-transform: rotate(900deg);
      transform: rotate(900deg);
    }
    to {
      -webkit-transform: rotate(1260deg);
      transform: rotate(1260deg);
    }
  }
  @keyframes animate-hour-hand-36 {
    from {
      -webkit-transform: rotate(900deg);
      transform: rotate(900deg);
    }
    to {
      -webkit-transform: rotate(1260deg);
      transform: rotate(1260deg);
    }
  }
  .sh-36 {
    -webkit-animation: animate-hand-36 60s linear infinite;
    animation: animate-hand-36 60s linear infinite;
  }
  
  .mh-36 {
    -webkit-animation: animate-hand-36 3600s linear infinite;
    animation: animate-hand-36 3600s linear infinite;
  }
  
  .hh-36 {
    -webkit-animation: animate-hour-hand-36 86400s linear infinite;
    animation: animate-hour-hand-36 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-37 {
    from {
      -webkit-transform: rotate(42deg);
      transform: rotate(42deg);
    }
    to {
      -webkit-transform: rotate(402deg);
      transform: rotate(402deg);
    }
  }
  
  @keyframes animate-hand-37 {
    from {
      -webkit-transform: rotate(42deg);
      transform: rotate(42deg);
    }
    to {
      -webkit-transform: rotate(402deg);
      transform: rotate(402deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-37 {
    from {
      -webkit-transform: rotate(930deg);
      transform: rotate(930deg);
    }
    to {
      -webkit-transform: rotate(1290deg);
      transform: rotate(1290deg);
    }
  }
  @keyframes animate-hour-hand-37 {
    from {
      -webkit-transform: rotate(930deg);
      transform: rotate(930deg);
    }
    to {
      -webkit-transform: rotate(1290deg);
      transform: rotate(1290deg);
    }
  }
  .sh-37 {
    -webkit-animation: animate-hand-37 60s linear infinite;
    animation: animate-hand-37 60s linear infinite;
  }
  
  .mh-37 {
    -webkit-animation: animate-hand-37 3600s linear infinite;
    animation: animate-hand-37 3600s linear infinite;
  }
  
  .hh-37 {
    -webkit-animation: animate-hour-hand-37 86400s linear infinite;
    animation: animate-hour-hand-37 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-38 {
    from {
      -webkit-transform: rotate(48deg);
      transform: rotate(48deg);
    }
    to {
      -webkit-transform: rotate(408deg);
      transform: rotate(408deg);
    }
  }
  
  @keyframes animate-hand-38 {
    from {
      -webkit-transform: rotate(48deg);
      transform: rotate(48deg);
    }
    to {
      -webkit-transform: rotate(408deg);
      transform: rotate(408deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-38 {
    from {
      -webkit-transform: rotate(960deg);
      transform: rotate(960deg);
    }
    to {
      -webkit-transform: rotate(1320deg);
      transform: rotate(1320deg);
    }
  }
  @keyframes animate-hour-hand-38 {
    from {
      -webkit-transform: rotate(960deg);
      transform: rotate(960deg);
    }
    to {
      -webkit-transform: rotate(1320deg);
      transform: rotate(1320deg);
    }
  }
  .sh-38 {
    -webkit-animation: animate-hand-38 60s linear infinite;
    animation: animate-hand-38 60s linear infinite;
  }
  
  .mh-38 {
    -webkit-animation: animate-hand-38 3600s linear infinite;
    animation: animate-hand-38 3600s linear infinite;
  }
  
  .hh-38 {
    -webkit-animation: animate-hour-hand-38 86400s linear infinite;
    animation: animate-hour-hand-38 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-39 {
    from {
      -webkit-transform: rotate(54deg);
      transform: rotate(54deg);
    }
    to {
      -webkit-transform: rotate(414deg);
      transform: rotate(414deg);
    }
  }
  
  @keyframes animate-hand-39 {
    from {
      -webkit-transform: rotate(54deg);
      transform: rotate(54deg);
    }
    to {
      -webkit-transform: rotate(414deg);
      transform: rotate(414deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-39 {
    from {
      -webkit-transform: rotate(990deg);
      transform: rotate(990deg);
    }
    to {
      -webkit-transform: rotate(1350deg);
      transform: rotate(1350deg);
    }
  }
  @keyframes animate-hour-hand-39 {
    from {
      -webkit-transform: rotate(990deg);
      transform: rotate(990deg);
    }
    to {
      -webkit-transform: rotate(1350deg);
      transform: rotate(1350deg);
    }
  }
  .sh-39 {
    -webkit-animation: animate-hand-39 60s linear infinite;
    animation: animate-hand-39 60s linear infinite;
  }
  
  .mh-39 {
    -webkit-animation: animate-hand-39 3600s linear infinite;
    animation: animate-hand-39 3600s linear infinite;
  }
  
  .hh-39 {
    -webkit-animation: animate-hour-hand-39 86400s linear infinite;
    animation: animate-hour-hand-39 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-40 {
    from {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
    }
    to {
      -webkit-transform: rotate(420deg);
      transform: rotate(420deg);
    }
  }
  
  @keyframes animate-hand-40 {
    from {
      -webkit-transform: rotate(60deg);
      transform: rotate(60deg);
    }
    to {
      -webkit-transform: rotate(420deg);
      transform: rotate(420deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-40 {
    from {
      -webkit-transform: rotate(1020deg);
      transform: rotate(1020deg);
    }
    to {
      -webkit-transform: rotate(1380deg);
      transform: rotate(1380deg);
    }
  }
  @keyframes animate-hour-hand-40 {
    from {
      -webkit-transform: rotate(1020deg);
      transform: rotate(1020deg);
    }
    to {
      -webkit-transform: rotate(1380deg);
      transform: rotate(1380deg);
    }
  }
  .sh-40 {
    -webkit-animation: animate-hand-40 60s linear infinite;
    animation: animate-hand-40 60s linear infinite;
  }
  
  .mh-40 {
    -webkit-animation: animate-hand-40 3600s linear infinite;
    animation: animate-hand-40 3600s linear infinite;
  }
  
  .hh-40 {
    -webkit-animation: animate-hour-hand-40 86400s linear infinite;
    animation: animate-hour-hand-40 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-41 {
    from {
      -webkit-transform: rotate(66deg);
      transform: rotate(66deg);
    }
    to {
      -webkit-transform: rotate(426deg);
      transform: rotate(426deg);
    }
  }
  
  @keyframes animate-hand-41 {
    from {
      -webkit-transform: rotate(66deg);
      transform: rotate(66deg);
    }
    to {
      -webkit-transform: rotate(426deg);
      transform: rotate(426deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-41 {
    from {
      -webkit-transform: rotate(1050deg);
      transform: rotate(1050deg);
    }
    to {
      -webkit-transform: rotate(1410deg);
      transform: rotate(1410deg);
    }
  }
  @keyframes animate-hour-hand-41 {
    from {
      -webkit-transform: rotate(1050deg);
      transform: rotate(1050deg);
    }
    to {
      -webkit-transform: rotate(1410deg);
      transform: rotate(1410deg);
    }
  }
  .sh-41 {
    -webkit-animation: animate-hand-41 60s linear infinite;
    animation: animate-hand-41 60s linear infinite;
  }
  
  .mh-41 {
    -webkit-animation: animate-hand-41 3600s linear infinite;
    animation: animate-hand-41 3600s linear infinite;
  }
  
  .hh-41 {
    -webkit-animation: animate-hour-hand-41 86400s linear infinite;
    animation: animate-hour-hand-41 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-42 {
    from {
      -webkit-transform: rotate(72deg);
      transform: rotate(72deg);
    }
    to {
      -webkit-transform: rotate(432deg);
      transform: rotate(432deg);
    }
  }
  
  @keyframes animate-hand-42 {
    from {
      -webkit-transform: rotate(72deg);
      transform: rotate(72deg);
    }
    to {
      -webkit-transform: rotate(432deg);
      transform: rotate(432deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-42 {
    from {
      -webkit-transform: rotate(1080deg);
      transform: rotate(1080deg);
    }
    to {
      -webkit-transform: rotate(1440deg);
      transform: rotate(1440deg);
    }
  }
  @keyframes animate-hour-hand-42 {
    from {
      -webkit-transform: rotate(1080deg);
      transform: rotate(1080deg);
    }
    to {
      -webkit-transform: rotate(1440deg);
      transform: rotate(1440deg);
    }
  }
  .sh-42 {
    -webkit-animation: animate-hand-42 60s linear infinite;
    animation: animate-hand-42 60s linear infinite;
  }
  
  .mh-42 {
    -webkit-animation: animate-hand-42 3600s linear infinite;
    animation: animate-hand-42 3600s linear infinite;
  }
  
  .hh-42 {
    -webkit-animation: animate-hour-hand-42 86400s linear infinite;
    animation: animate-hour-hand-42 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-43 {
    from {
      -webkit-transform: rotate(78deg);
      transform: rotate(78deg);
    }
    to {
      -webkit-transform: rotate(438deg);
      transform: rotate(438deg);
    }
  }
  
  @keyframes animate-hand-43 {
    from {
      -webkit-transform: rotate(78deg);
      transform: rotate(78deg);
    }
    to {
      -webkit-transform: rotate(438deg);
      transform: rotate(438deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-43 {
    from {
      -webkit-transform: rotate(1110deg);
      transform: rotate(1110deg);
    }
    to {
      -webkit-transform: rotate(1470deg);
      transform: rotate(1470deg);
    }
  }
  @keyframes animate-hour-hand-43 {
    from {
      -webkit-transform: rotate(1110deg);
      transform: rotate(1110deg);
    }
    to {
      -webkit-transform: rotate(1470deg);
      transform: rotate(1470deg);
    }
  }
  .sh-43 {
    -webkit-animation: animate-hand-43 60s linear infinite;
    animation: animate-hand-43 60s linear infinite;
  }
  
  .mh-43 {
    -webkit-animation: animate-hand-43 3600s linear infinite;
    animation: animate-hand-43 3600s linear infinite;
  }
  
  .hh-43 {
    -webkit-animation: animate-hour-hand-43 86400s linear infinite;
    animation: animate-hour-hand-43 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-44 {
    from {
      -webkit-transform: rotate(84deg);
      transform: rotate(84deg);
    }
    to {
      -webkit-transform: rotate(444deg);
      transform: rotate(444deg);
    }
  }
  
  @keyframes animate-hand-44 {
    from {
      -webkit-transform: rotate(84deg);
      transform: rotate(84deg);
    }
    to {
      -webkit-transform: rotate(444deg);
      transform: rotate(444deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-44 {
    from {
      -webkit-transform: rotate(1140deg);
      transform: rotate(1140deg);
    }
    to {
      -webkit-transform: rotate(1500deg);
      transform: rotate(1500deg);
    }
  }
  @keyframes animate-hour-hand-44 {
    from {
      -webkit-transform: rotate(1140deg);
      transform: rotate(1140deg);
    }
    to {
      -webkit-transform: rotate(1500deg);
      transform: rotate(1500deg);
    }
  }
  .sh-44 {
    -webkit-animation: animate-hand-44 60s linear infinite;
    animation: animate-hand-44 60s linear infinite;
  }
  
  .mh-44 {
    -webkit-animation: animate-hand-44 3600s linear infinite;
    animation: animate-hand-44 3600s linear infinite;
  }
  
  .hh-44 {
    -webkit-animation: animate-hour-hand-44 86400s linear infinite;
    animation: animate-hour-hand-44 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-45 {
    from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }
    to {
      -webkit-transform: rotate(450deg);
      transform: rotate(450deg);
    }
  }
  
  @keyframes animate-hand-45 {
    from {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    }
    to {
      -webkit-transform: rotate(450deg);
      transform: rotate(450deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-45 {
    from {
      -webkit-transform: rotate(1170deg);
      transform: rotate(1170deg);
    }
    to {
      -webkit-transform: rotate(1530deg);
      transform: rotate(1530deg);
    }
  }
  @keyframes animate-hour-hand-45 {
    from {
      -webkit-transform: rotate(1170deg);
      transform: rotate(1170deg);
    }
    to {
      -webkit-transform: rotate(1530deg);
      transform: rotate(1530deg);
    }
  }
  .sh-45 {
    -webkit-animation: animate-hand-45 60s linear infinite;
    animation: animate-hand-45 60s linear infinite;
  }
  
  .mh-45 {
    -webkit-animation: animate-hand-45 3600s linear infinite;
    animation: animate-hand-45 3600s linear infinite;
  }
  
  .hh-45 {
    -webkit-animation: animate-hour-hand-45 86400s linear infinite;
    animation: animate-hour-hand-45 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-46 {
    from {
      -webkit-transform: rotate(96deg);
      transform: rotate(96deg);
    }
    to {
      -webkit-transform: rotate(456deg);
      transform: rotate(456deg);
    }
  }
  
  @keyframes animate-hand-46 {
    from {
      -webkit-transform: rotate(96deg);
      transform: rotate(96deg);
    }
    to {
      -webkit-transform: rotate(456deg);
      transform: rotate(456deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-46 {
    from {
      -webkit-transform: rotate(1200deg);
      transform: rotate(1200deg);
    }
    to {
      -webkit-transform: rotate(1560deg);
      transform: rotate(1560deg);
    }
  }
  @keyframes animate-hour-hand-46 {
    from {
      -webkit-transform: rotate(1200deg);
      transform: rotate(1200deg);
    }
    to {
      -webkit-transform: rotate(1560deg);
      transform: rotate(1560deg);
    }
  }
  .sh-46 {
    -webkit-animation: animate-hand-46 60s linear infinite;
    animation: animate-hand-46 60s linear infinite;
  }
  
  .mh-46 {
    -webkit-animation: animate-hand-46 3600s linear infinite;
    animation: animate-hand-46 3600s linear infinite;
  }
  
  .hh-46 {
    -webkit-animation: animate-hour-hand-46 86400s linear infinite;
    animation: animate-hour-hand-46 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-47 {
    from {
      -webkit-transform: rotate(102deg);
      transform: rotate(102deg);
    }
    to {
      -webkit-transform: rotate(462deg);
      transform: rotate(462deg);
    }
  }
  
  @keyframes animate-hand-47 {
    from {
      -webkit-transform: rotate(102deg);
      transform: rotate(102deg);
    }
    to {
      -webkit-transform: rotate(462deg);
      transform: rotate(462deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-47 {
    from {
      -webkit-transform: rotate(1230deg);
      transform: rotate(1230deg);
    }
    to {
      -webkit-transform: rotate(1590deg);
      transform: rotate(1590deg);
    }
  }
  @keyframes animate-hour-hand-47 {
    from {
      -webkit-transform: rotate(1230deg);
      transform: rotate(1230deg);
    }
    to {
      -webkit-transform: rotate(1590deg);
      transform: rotate(1590deg);
    }
  }
  .sh-47 {
    -webkit-animation: animate-hand-47 60s linear infinite;
    animation: animate-hand-47 60s linear infinite;
  }
  
  .mh-47 {
    -webkit-animation: animate-hand-47 3600s linear infinite;
    animation: animate-hand-47 3600s linear infinite;
  }
  
  .hh-47 {
    -webkit-animation: animate-hour-hand-47 86400s linear infinite;
    animation: animate-hour-hand-47 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-48 {
    from {
      -webkit-transform: rotate(108deg);
      transform: rotate(108deg);
    }
    to {
      -webkit-transform: rotate(468deg);
      transform: rotate(468deg);
    }
  }
  
  @keyframes animate-hand-48 {
    from {
      -webkit-transform: rotate(108deg);
      transform: rotate(108deg);
    }
    to {
      -webkit-transform: rotate(468deg);
      transform: rotate(468deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-48 {
    from {
      -webkit-transform: rotate(1260deg);
      transform: rotate(1260deg);
    }
    to {
      -webkit-transform: rotate(1620deg);
      transform: rotate(1620deg);
    }
  }
  @keyframes animate-hour-hand-48 {
    from {
      -webkit-transform: rotate(1260deg);
      transform: rotate(1260deg);
    }
    to {
      -webkit-transform: rotate(1620deg);
      transform: rotate(1620deg);
    }
  }
  .sh-48 {
    -webkit-animation: animate-hand-48 60s linear infinite;
    animation: animate-hand-48 60s linear infinite;
  }
  
  .mh-48 {
    -webkit-animation: animate-hand-48 3600s linear infinite;
    animation: animate-hand-48 3600s linear infinite;
  }
  
  .hh-48 {
    -webkit-animation: animate-hour-hand-48 86400s linear infinite;
    animation: animate-hour-hand-48 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-49 {
    from {
      -webkit-transform: rotate(114deg);
      transform: rotate(114deg);
    }
    to {
      -webkit-transform: rotate(474deg);
      transform: rotate(474deg);
    }
  }
  
  @keyframes animate-hand-49 {
    from {
      -webkit-transform: rotate(114deg);
      transform: rotate(114deg);
    }
    to {
      -webkit-transform: rotate(474deg);
      transform: rotate(474deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-49 {
    from {
      -webkit-transform: rotate(1290deg);
      transform: rotate(1290deg);
    }
    to {
      -webkit-transform: rotate(1650deg);
      transform: rotate(1650deg);
    }
  }
  @keyframes animate-hour-hand-49 {
    from {
      -webkit-transform: rotate(1290deg);
      transform: rotate(1290deg);
    }
    to {
      -webkit-transform: rotate(1650deg);
      transform: rotate(1650deg);
    }
  }
  .sh-49 {
    -webkit-animation: animate-hand-49 60s linear infinite;
    animation: animate-hand-49 60s linear infinite;
  }
  
  .mh-49 {
    -webkit-animation: animate-hand-49 3600s linear infinite;
    animation: animate-hand-49 3600s linear infinite;
  }
  
  .hh-49 {
    -webkit-animation: animate-hour-hand-49 86400s linear infinite;
    animation: animate-hour-hand-49 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-50 {
    from {
      -webkit-transform: rotate(120deg);
      transform: rotate(120deg);
    }
    to {
      -webkit-transform: rotate(480deg);
      transform: rotate(480deg);
    }
  }
  
  @keyframes animate-hand-50 {
    from {
      -webkit-transform: rotate(120deg);
      transform: rotate(120deg);
    }
    to {
      -webkit-transform: rotate(480deg);
      transform: rotate(480deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-50 {
    from {
      -webkit-transform: rotate(1320deg);
      transform: rotate(1320deg);
    }
    to {
      -webkit-transform: rotate(1680deg);
      transform: rotate(1680deg);
    }
  }
  @keyframes animate-hour-hand-50 {
    from {
      -webkit-transform: rotate(1320deg);
      transform: rotate(1320deg);
    }
    to {
      -webkit-transform: rotate(1680deg);
      transform: rotate(1680deg);
    }
  }
  .sh-50 {
    -webkit-animation: animate-hand-50 60s linear infinite;
    animation: animate-hand-50 60s linear infinite;
  }
  
  .mh-50 {
    -webkit-animation: animate-hand-50 3600s linear infinite;
    animation: animate-hand-50 3600s linear infinite;
  }
  
  .hh-50 {
    -webkit-animation: animate-hour-hand-50 86400s linear infinite;
    animation: animate-hour-hand-50 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-51 {
    from {
      -webkit-transform: rotate(126deg);
      transform: rotate(126deg);
    }
    to {
      -webkit-transform: rotate(486deg);
      transform: rotate(486deg);
    }
  }
  
  @keyframes animate-hand-51 {
    from {
      -webkit-transform: rotate(126deg);
      transform: rotate(126deg);
    }
    to {
      -webkit-transform: rotate(486deg);
      transform: rotate(486deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-51 {
    from {
      -webkit-transform: rotate(1350deg);
      transform: rotate(1350deg);
    }
    to {
      -webkit-transform: rotate(1710deg);
      transform: rotate(1710deg);
    }
  }
  @keyframes animate-hour-hand-51 {
    from {
      -webkit-transform: rotate(1350deg);
      transform: rotate(1350deg);
    }
    to {
      -webkit-transform: rotate(1710deg);
      transform: rotate(1710deg);
    }
  }
  .sh-51 {
    -webkit-animation: animate-hand-51 60s linear infinite;
    animation: animate-hand-51 60s linear infinite;
  }
  
  .mh-51 {
    -webkit-animation: animate-hand-51 3600s linear infinite;
    animation: animate-hand-51 3600s linear infinite;
  }
  
  .hh-51 {
    -webkit-animation: animate-hour-hand-51 86400s linear infinite;
    animation: animate-hour-hand-51 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-52 {
    from {
      -webkit-transform: rotate(132deg);
      transform: rotate(132deg);
    }
    to {
      -webkit-transform: rotate(492deg);
      transform: rotate(492deg);
    }
  }
  
  @keyframes animate-hand-52 {
    from {
      -webkit-transform: rotate(132deg);
      transform: rotate(132deg);
    }
    to {
      -webkit-transform: rotate(492deg);
      transform: rotate(492deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-52 {
    from {
      -webkit-transform: rotate(1380deg);
      transform: rotate(1380deg);
    }
    to {
      -webkit-transform: rotate(1740deg);
      transform: rotate(1740deg);
    }
  }
  @keyframes animate-hour-hand-52 {
    from {
      -webkit-transform: rotate(1380deg);
      transform: rotate(1380deg);
    }
    to {
      -webkit-transform: rotate(1740deg);
      transform: rotate(1740deg);
    }
  }
  .sh-52 {
    -webkit-animation: animate-hand-52 60s linear infinite;
    animation: animate-hand-52 60s linear infinite;
  }
  
  .mh-52 {
    -webkit-animation: animate-hand-52 3600s linear infinite;
    animation: animate-hand-52 3600s linear infinite;
  }
  
  .hh-52 {
    -webkit-animation: animate-hour-hand-52 86400s linear infinite;
    animation: animate-hour-hand-52 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-53 {
    from {
      -webkit-transform: rotate(138deg);
      transform: rotate(138deg);
    }
    to {
      -webkit-transform: rotate(498deg);
      transform: rotate(498deg);
    }
  }
  
  @keyframes animate-hand-53 {
    from {
      -webkit-transform: rotate(138deg);
      transform: rotate(138deg);
    }
    to {
      -webkit-transform: rotate(498deg);
      transform: rotate(498deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-53 {
    from {
      -webkit-transform: rotate(1410deg);
      transform: rotate(1410deg);
    }
    to {
      -webkit-transform: rotate(1770deg);
      transform: rotate(1770deg);
    }
  }
  @keyframes animate-hour-hand-53 {
    from {
      -webkit-transform: rotate(1410deg);
      transform: rotate(1410deg);
    }
    to {
      -webkit-transform: rotate(1770deg);
      transform: rotate(1770deg);
    }
  }
  .sh-53 {
    -webkit-animation: animate-hand-53 60s linear infinite;
    animation: animate-hand-53 60s linear infinite;
  }
  
  .mh-53 {
    -webkit-animation: animate-hand-53 3600s linear infinite;
    animation: animate-hand-53 3600s linear infinite;
  }
  
  .hh-53 {
    -webkit-animation: animate-hour-hand-53 86400s linear infinite;
    animation: animate-hour-hand-53 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-54 {
    from {
      -webkit-transform: rotate(144deg);
      transform: rotate(144deg);
    }
    to {
      -webkit-transform: rotate(504deg);
      transform: rotate(504deg);
    }
  }
  
  @keyframes animate-hand-54 {
    from {
      -webkit-transform: rotate(144deg);
      transform: rotate(144deg);
    }
    to {
      -webkit-transform: rotate(504deg);
      transform: rotate(504deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-54 {
    from {
      -webkit-transform: rotate(1440deg);
      transform: rotate(1440deg);
    }
    to {
      -webkit-transform: rotate(1800deg);
      transform: rotate(1800deg);
    }
  }
  @keyframes animate-hour-hand-54 {
    from {
      -webkit-transform: rotate(1440deg);
      transform: rotate(1440deg);
    }
    to {
      -webkit-transform: rotate(1800deg);
      transform: rotate(1800deg);
    }
  }
  .sh-54 {
    -webkit-animation: animate-hand-54 60s linear infinite;
    animation: animate-hand-54 60s linear infinite;
  }
  
  .mh-54 {
    -webkit-animation: animate-hand-54 3600s linear infinite;
    animation: animate-hand-54 3600s linear infinite;
  }
  
  .hh-54 {
    -webkit-animation: animate-hour-hand-54 86400s linear infinite;
    animation: animate-hour-hand-54 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-55 {
    from {
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg);
    }
    to {
      -webkit-transform: rotate(510deg);
      transform: rotate(510deg);
    }
  }
  
  @keyframes animate-hand-55 {
    from {
      -webkit-transform: rotate(150deg);
      transform: rotate(150deg);
    }
    to {
      -webkit-transform: rotate(510deg);
      transform: rotate(510deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-55 {
    from {
      -webkit-transform: rotate(1470deg);
      transform: rotate(1470deg);
    }
    to {
      -webkit-transform: rotate(1830deg);
      transform: rotate(1830deg);
    }
  }
  @keyframes animate-hour-hand-55 {
    from {
      -webkit-transform: rotate(1470deg);
      transform: rotate(1470deg);
    }
    to {
      -webkit-transform: rotate(1830deg);
      transform: rotate(1830deg);
    }
  }
  .sh-55 {
    -webkit-animation: animate-hand-55 60s linear infinite;
    animation: animate-hand-55 60s linear infinite;
  }
  
  .mh-55 {
    -webkit-animation: animate-hand-55 3600s linear infinite;
    animation: animate-hand-55 3600s linear infinite;
  }
  
  .hh-55 {
    -webkit-animation: animate-hour-hand-55 86400s linear infinite;
    animation: animate-hour-hand-55 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-56 {
    from {
      -webkit-transform: rotate(156deg);
      transform: rotate(156deg);
    }
    to {
      -webkit-transform: rotate(516deg);
      transform: rotate(516deg);
    }
  }
  
  @keyframes animate-hand-56 {
    from {
      -webkit-transform: rotate(156deg);
      transform: rotate(156deg);
    }
    to {
      -webkit-transform: rotate(516deg);
      transform: rotate(516deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-56 {
    from {
      -webkit-transform: rotate(1500deg);
      transform: rotate(1500deg);
    }
    to {
      -webkit-transform: rotate(1860deg);
      transform: rotate(1860deg);
    }
  }
  @keyframes animate-hour-hand-56 {
    from {
      -webkit-transform: rotate(1500deg);
      transform: rotate(1500deg);
    }
    to {
      -webkit-transform: rotate(1860deg);
      transform: rotate(1860deg);
    }
  }
  .sh-56 {
    -webkit-animation: animate-hand-56 60s linear infinite;
    animation: animate-hand-56 60s linear infinite;
  }
  
  .mh-56 {
    -webkit-animation: animate-hand-56 3600s linear infinite;
    animation: animate-hand-56 3600s linear infinite;
  }
  
  .hh-56 {
    -webkit-animation: animate-hour-hand-56 86400s linear infinite;
    animation: animate-hour-hand-56 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-57 {
    from {
      -webkit-transform: rotate(162deg);
      transform: rotate(162deg);
    }
    to {
      -webkit-transform: rotate(522deg);
      transform: rotate(522deg);
    }
  }
  
  @keyframes animate-hand-57 {
    from {
      -webkit-transform: rotate(162deg);
      transform: rotate(162deg);
    }
    to {
      -webkit-transform: rotate(522deg);
      transform: rotate(522deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-57 {
    from {
      -webkit-transform: rotate(1530deg);
      transform: rotate(1530deg);
    }
    to {
      -webkit-transform: rotate(1890deg);
      transform: rotate(1890deg);
    }
  }
  @keyframes animate-hour-hand-57 {
    from {
      -webkit-transform: rotate(1530deg);
      transform: rotate(1530deg);
    }
    to {
      -webkit-transform: rotate(1890deg);
      transform: rotate(1890deg);
    }
  }
  .sh-57 {
    -webkit-animation: animate-hand-57 60s linear infinite;
    animation: animate-hand-57 60s linear infinite;
  }
  
  .mh-57 {
    -webkit-animation: animate-hand-57 3600s linear infinite;
    animation: animate-hand-57 3600s linear infinite;
  }
  
  .hh-57 {
    -webkit-animation: animate-hour-hand-57 86400s linear infinite;
    animation: animate-hour-hand-57 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-58 {
    from {
      -webkit-transform: rotate(168deg);
      transform: rotate(168deg);
    }
    to {
      -webkit-transform: rotate(528deg);
      transform: rotate(528deg);
    }
  }
  
  @keyframes animate-hand-58 {
    from {
      -webkit-transform: rotate(168deg);
      transform: rotate(168deg);
    }
    to {
      -webkit-transform: rotate(528deg);
      transform: rotate(528deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-58 {
    from {
      -webkit-transform: rotate(1560deg);
      transform: rotate(1560deg);
    }
    to {
      -webkit-transform: rotate(1920deg);
      transform: rotate(1920deg);
    }
  }
  @keyframes animate-hour-hand-58 {
    from {
      -webkit-transform: rotate(1560deg);
      transform: rotate(1560deg);
    }
    to {
      -webkit-transform: rotate(1920deg);
      transform: rotate(1920deg);
    }
  }
  .sh-58 {
    -webkit-animation: animate-hand-58 60s linear infinite;
    animation: animate-hand-58 60s linear infinite;
  }
  
  .mh-58 {
    -webkit-animation: animate-hand-58 3600s linear infinite;
    animation: animate-hand-58 3600s linear infinite;
  }
  
  .hh-58 {
    -webkit-animation: animate-hour-hand-58 86400s linear infinite;
    animation: animate-hour-hand-58 86400s linear infinite;
  }
  
  @-webkit-keyframes animate-hand-59 {
    from {
      -webkit-transform: rotate(174deg);
      transform: rotate(174deg);
    }
    to {
      -webkit-transform: rotate(534deg);
      transform: rotate(534deg);
    }
  }
  
  @keyframes animate-hand-59 {
    from {
      -webkit-transform: rotate(174deg);
      transform: rotate(174deg);
    }
    to {
      -webkit-transform: rotate(534deg);
      transform: rotate(534deg);
    }
  }
  @-webkit-keyframes animate-hour-hand-59 {
    from {
      -webkit-transform: rotate(1590deg);
      transform: rotate(1590deg);
    }
    to {
      -webkit-transform: rotate(1950deg);
      transform: rotate(1950deg);
    }
  }
  @keyframes animate-hour-hand-59 {
    from {
      -webkit-transform: rotate(1590deg);
      transform: rotate(1590deg);
    }
    to {
      -webkit-transform: rotate(1950deg);
      transform: rotate(1950deg);
    }
  }
  .sh-59 {
    -webkit-animation: animate-hand-59 60s linear infinite;
    animation: animate-hand-59 60s linear infinite;
  }
  
  .mh-59 {
    -webkit-animation: animate-hand-59 3600s linear infinite;
    animation: animate-hand-59 3600s linear infinite;
  }
  
  .hh-59 {
    -webkit-animation: animate-hour-hand-59 86400s linear infinite;
    animation: animate-hour-hand-59 86400s linear infinite;
  }
  
  h1 {
    position: absolute;
    width: 275px;
    height: 270px;
    z-index: 999;
    opacity: 0.7;
    border-radius: 50%;
    top: 38%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    font-family: Futura;
    font-weight: 400;
    text-align: center;
    color: white;
    text-shadow: 3px 2px 5px black;
    font-size: 2.5em;
    padding-top: 2em;
  }
  
  .text {
    position: absolute;
    width: 270px;
    height: 270px;
    background: grey;
    /*-webkit-linear-gradient(left top, grey, black);*/
    border-radius: 50%;
    border: 3px double white;
    z-index: 999;
    opacity: 0.8;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
  }
  
  .text:hover {
    background: -webkit-linear-gradient(right top, green, yellow, red, white);
    z-index: 999;
    opacity: 0.9;
    -webkit-transition: background 1s;
    -webkit-transition: opacity 1s;
    -webkit-transition: width 1s, length 1s;
    border-radius: 25px;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24),
      0 17px 50px 0 rgba(0, 0, 0, 0.19);
    z-index: 998;
    border: none;
  }
  
  h1:hover {
    font-size: 3em;
    color: black;
    opacity: 0.9;
    font-weight: 400;
    -webkit-transition: opacity 1s;
    -webkit-transition: width 1s, length 1s;
    z-index: 999;
  }