.clock {
  margin: 10px auto;
  width: 550px;
  height: 550px;
  fill: green;
}
.outer-circle,
.center-circle {
  fill:  #2d572c;
}

.hours,
.minutes,
.seconds {
  transform-origin: center;
  stroke-linecap: round;
}

.hours {
  stroke: black;
  stroke-width: 5px; 
  transition: transform 1s ease-in-out;
}
.minutes {
  stroke-width: 3px; 
  stroke: black;
  transition: transform 1s ease-in-out;
}
.seconds {
  stroke: black;
}

.line {
  stroke-width: 1.5px;
  stroke: black;
  stroke-linecap: round;
  transform-origin: center;
}