body {
  background-color: rgb(70, 70, 70);
  font-family:Arial;
  color: white;
}
#underScramble {
  position: absolute;
  top: 630px;
}
#hiddenSettings {
  display: none;
}
#clock {
  position: absolute;
  top: 240px;
  height: 390px;
  width: 390px;
  left: 5%;
}
.circle {
  aspect-ratio: 1/1;
  width: 110px;
  border-radius: 50%;
  position: absolute;
  background-color: white;
}
.dial {
  background-color: black;
  width: 10px;
  height: 53px;
  position: absolute;
  transform-origin: center bottom;
  transform: translate(50px, 2px);
}
.twelve {
  aspect-ratio: 1/1;
  width: 10px;
  border-radius: 50%;
  position: absolute;
  background-color: red;
  transform: translate(50px,-10px);
}
.u {
  left: 140px;
}
.ur {
  left: 280px;
}
.l {
  top: 140px;
}
.c {
  left: 140px;
  top: 140px;
}
.r{
  left: 280px;
  top: 140px;
}
.dl {
  top: 280px;
}
.d {
  left: 140px;
  top: 280px;
}
.dr {
  left: 280px;
  top: 280px;
}
#bigText {
  font-size: 25px;
  font-weight: bold;
  color: red;
}
#timer {
  visibility: visible
}
.highlight {
  background-color: rgba(255, 255, 0, 0.4);
  transition: background-color 0.2s;
}