.clock {
  margin: 0px auto;
  width: 550px;
  height: 550px;
  fill: #E2CEF4
}
.outer-circle,
.center-circle {
  fill: #B243FF;
}

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

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

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