style.css

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background-color: #000;
}

.clock {
  height: 500px;
  width: 500px;
  background-color: #DDDDDD;
  border-radius: 100%;
  border: 3px solid #AAAAAA;
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  align-items: center
}

.time {
  position: absolute;
  font-style: italic;
  font-family: "Verdana";
  text-align: center;
  align-items: center
}

.center {
   width: 10px;
   height: 10px;
   position: absolute;
   left: 0; right: 0; bottom: 0; top: 0;
   margin: auto;
   background: #000;
   border-radius: 100%;
 }

 #seconds {
   position: absolute;
   height: 160px;
   width: 2px;
   left: 0; right: 0; bottom: 160px; top: 0px;
   margin: auto;
   background: #000;
   -webkit-transform-origin: bottom;
   background: #FF4136;
}

#minutes {
  position: absolute;
  height: 200px;
  width: 2px;
  left: 0; right: 0; bottom: 200px; top: 0px;
  margin: auto;
  background: #000;
  -webkit-transform-origin: bottom;
}

#hours {
  position: absolute;
  height: 80px;
  width: 6px;
  left: 0; right: 0; bottom: 80px; top: 0px;
  margin: auto;
  background: #000;
  -webkit-transform-origin: bottom;
}