body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: grey;
}

.clock {
  height: 300px;
  width: 300px;
  border-radius: 150px;
  border: solid 5px rgb(252, 255, 55);
  position: absolute;
}

#seconds-hand {
  position: absolute;
  height: 130px;
  width: 2px;
  background-color: rgb(70, 255, 255);
  left: 149px;
  bottom: 149px;
  opacity: 50%;
  transform-origin: 0 100%;
}
#minutes-hand {
  height: 100px;
  width: 2px;
  background-color: rgb(253, 120, 227);
  left: 149px;
  bottom: 149px;
  position: absolute;
  transform-origin: 0 100%;
}

#hours-hand {
  height: 80px;
  width: 4px;
  background-color: rgb(205, 112, 255);
  left: 148px;
  bottom: 148px;
  position: absolute;
  transform-origin: 0 100%;
}

#center {
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background-color: rgb(252, 255, 55);
  position: absolute;
  left: 145px;
  bottom: 145px;
}