@keyframes rotateArms {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotateArms {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotateArms {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}

.box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.minute-lines > .min-0 {
  transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

.minute-lines > .min-1 {
  transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}

.minute-lines > .min-2 {
  transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -webkit-transform: rotate(12deg);
}

.minute-lines > .min-3 {
  transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
}

.minute-lines > .min-4 {
  transform: rotate(24deg);
  -moz-transform: rotate(24deg);
  -webkit-transform: rotate(24deg);
}

.minute-lines > .min-5 {
  transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
}

.minute-lines > .min-6 {
  transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
}

.minute-lines > .min-7 {
  transform: rotate(42deg);
  -moz-transform: rotate(42deg);
  -webkit-transform: rotate(42deg);
}

.minute-lines > .min-8 {
  transform: rotate(48deg);
  -moz-transform: rotate(48deg);
  -webkit-transform: rotate(48deg);
}

.minute-lines > .min-9 {
  transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
}

.minute-lines > .min-10 {
  transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
}

.minute-lines > .min-11 {
  transform: rotate(66deg);
  -moz-transform: rotate(66deg);
  -webkit-transform: rotate(66deg);
}

.minute-lines > .min-12 {
  transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
}

.minute-lines > .min-13 {
  transform: rotate(78deg);
  -moz-transform: rotate(78deg);
  -webkit-transform: rotate(78deg);
}

.minute-lines > .min-14 {
  transform: rotate(84deg);
  -moz-transform: rotate(84deg);
  -webkit-transform: rotate(84deg);
}

.minute-lines > .min-15 {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.minute-lines > .min-16 {
  transform: rotate(96deg);
  -moz-transform: rotate(96deg);
  -webkit-transform: rotate(96deg);
}

.minute-lines > .min-17 {
  transform: rotate(102deg);
  -moz-transform: rotate(102deg);
  -webkit-transform: rotate(102deg);
}

.minute-lines > .min-18 {
  transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
}

.minute-lines > .min-19 {
  transform: rotate(114deg);
  -moz-transform: rotate(114deg);
  -webkit-transform: rotate(114deg);
}

.minute-lines > .min-20 {
  transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
}

.minute-lines > .min-21 {
  transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
}

.minute-lines > .min-22 {
  transform: rotate(132deg);
  -moz-transform: rotate(132deg);
  -webkit-transform: rotate(132deg);
}

.minute-lines > .min-23 {
  transform: rotate(138deg);
  -moz-transform: rotate(138deg);
  -webkit-transform: rotate(138deg);
}

.minute-lines > .min-24 {
  transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
}

.minute-lines > .min-25 {
  transform: rotate(150deg);
  -moz-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
}

.minute-lines > .min-26 {
  transform: rotate(156deg);
  -moz-transform: rotate(156deg);
  -webkit-transform: rotate(156deg);
}

.minute-lines > .min-27 {
  transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
}

.minute-lines > .min-28 {
  transform: rotate(168deg);
  -moz-transform: rotate(168deg);
  -webkit-transform: rotate(168deg);
}

.minute-lines > .min-29 {
  transform: rotate(174deg);
  -moz-transform: rotate(174deg);
  -webkit-transform: rotate(174deg);
}

.minute-lines {
  width: 100%;
  height: 100%;
}

.minute-lines > div::before, .minute-lines > div::after {
  content: "";
  position: absolute;
  width: 0px;
  height: 5px;
  top: 88.8888888889px;
  box-shadow: 0px 0px 0px 0.5px #000;
}

.minute-lines > div::after {
  bottom: 88.8888888889px;
  top: auto;
}

div.long::before, div.long::after {
  height: 9.0909090909px;
  top: 84.4772967265px;
}

div.long::after {
  bottom: 84.4772967265px;
  top: auto;
}

div.dark::before, div.dark::after {
  box-shadow: 0px 0px 0px 1px #000;
}