body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: rgb(43, 43, 43);
}
.clock {
  position: absolute;
  height: 300px;
  width: 300px;
  border-radius: 150px;
  border: solid 5px rgba(252, 255, 55);
}
#second-hand {
  position: absolute;
  height: 130px;
  width: 2px;
  background-color: rgb(70, 255, 255);
  left: 150px;
  bottom: 149px;
  opacity: 50%;
  transform-origin: 0 100% ;
}
#minutes-hand {
  position: absolute;
  height: 100px;
  width: 2px;
  background-color: rgb(255, 120, 227);
  left: 149px;
  bottom: 149px;
  transform-origin: 0 100%;
}
#hours-hand {
  position: absolute;
  height: 80px;
  width: 4px;
  background-color: rgb(205, 112, 255);
  left: 148px;
  bottom: 148px;
  transform-origin: 0 100% ;
}
#center{
    width: 10px;
    height: 10px;
    border-radius: 50px;
    background-color: rgb(252,255,55);
    position: absolute;
    left: 145px;
    bottom: 145px;
}