body .clock-wrapper {
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
}
body .clock-wrapper .minute {
  width: 0;
  height: 0;
  padding: 2% 0 2% 35%;
  background: #000000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -2% 0 0 -17%;
  transform: rotate3d(0, 0, 1, 270deg) translate(50%, 0%);
  transform-origin: 50% 50%;
}
body .clock-wrapper .hour {
  width: 0;
  height: 0;
  padding: 3% 0 3% 25%;
  background: #000000;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -3% 0 0 -12%;
  transform: rotate3d(0, 0, 1, 270deg) translate(50%, 0%);
  transform-origin: 50% 50%;
}
body .clock-wrapper .center {
  position: absolute;
  left: 50%;
  top: 50%;
  padding: 5%;
  border-radius: 50%;
  background: #000000;
  transform: translate(-50%, -50%);
}
body .clock-wrapper.default-background {
  background-image: url(img/clock_without_hands.svg);
}

/*# sourceMappingURL=actual_clock.css.map */