.clock-analog .clock {
      width: 300px; height: 300px;
      border: 14px solid #333; border-radius: 50%; position: relative;
     
    }
    .clock-analog .dot {
      width: 14px; height: 14px; background: #ccc; border-radius: 50%;
      position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
      z-index: 10; box-shadow: 0 2px 4px -1px black;
    }
    .clock-analog .hour-hand, .clock-analog .minute-hand, .clock-analog .second-hand {
      position: absolute; left: 50%; transform-origin: bottom center;
      border-radius: 50% 50% 0 0;
    }
    .clock-analog .hour-hand { width: 4px; height: 65px; background: #333; top: 74px; z-index: 5; margin-left: -2px; }
    .clock-analog .minute-hand { width: 4px; height: 100px; background: #666; top: 35px; z-index: 6; margin-left: -2px; }
    .clock-analog .second-hand { width: 2px; height: 120px; background: gold; top: 18px; z-index: 7; margin-left: -1px; }

    .clock-analog span {
      position: absolute; font-size: 22px; font-weight: 700; color: #333;
      font-family: 'Poiret One', sans-serif; z-index: 4;
    }
    .clock-analog .h12 { top: 10px; left: 50%; transform: translateX(-50%); margin:0px; }
    .clock-analog .h3 { top: 120px; right: 10px; margin:0px; }
    .clock-analog .h6 { bottom: 10px; left: 50%; transform: translateX(-50%); margin:0px; }
    .clock-analog .h9 { top: 120px; left: 10px; margin:0px; }

    .clock-analog .diallines {
        position: absolute;
    width: 2px;
    height: 15px;
    background: #666;
    left: 50%;
    top: 0;
    transform-origin: 0% 136px;
    }

    .clock-analog .info {
      position: absolute; width: 120px; height: 20px; line-height: 20px;
      background: #ccc; color: #000; text-align: center; font-size: 11px;
      font-family: 'Poiret One', sans-serif; font-weight: 700;
      left: 50%; transform: translateX(-50%); border-radius: 7px;
      letter-spacing: 3px; z-index: 3;
    }
    .clock-analog .date { top: 80px; }
    .clock-analog .day { top: 200px; }