/* fichero estilos.css */

#clock {
  width: 200px;
  height: 200px;
  margin: auto;
}

#canvas {
  background-color: white;
  border-radius: 50%;
  border: 4px solid black;
}

/* Agregar números 0, 3, 6, 9 */
canvas:before {
  content: "0";
  position: absolute;
  top: 50%;
  left: 5%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  font-weight: bold;
  color: black;
}

canvas:before:nth-child(3) {
  content: "3";
  top: 5%;
  left: 50%;
}

canvas:before:nth-child(5) {
  content: "6";
  top: 50%;
  left: 95%;
}

canvas:before:nth-child(7) {
  content: "9";
  top: 95%;
  left: 50%;
}