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); }