/* Clock */
.analog-clock {
  width: 150px;
  height: 150px;
}

.dial {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  background: transparent;
}

.num {
  position: absolute;
  font-family: "Cinzel", serif;
  font-size: 0.8rem;
  color: #fff;
  letter-spacing: 1px;
  transform: translate(-50%, -50%);
}

.n12 { top: 6%;  left: 50%; }
.n1  { top: 13%; left: 71%; }
.n2  { top: 28%; left: 85%; }
.n3  { top: 50%; left: 92%; }
.n4  { top: 72%; left: 87%; }
.n5  { top: 87%; left: 71%; }
.n6  { top: 94%; left: 50%; }
.n7  { top: 87%; left: 33%; }
.n8  { top: 72%; left: 18%; }
.n9  { top: 50%; left: 8%; }
.n10 { top: 28%; left: 16%; }
.n11 { top: 14%; left: 31%; }

.hand {
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: 0% 50%;
  background: #fff;
}

.hand.hour { width: 26%; height: 2px; }
.hand.minute { width: 40%; height: 1.5px; }
.hand.second { width: 44%; height: 1px; }

.center-dot {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}