.clock-container {
    display: flex; /* Define un contenedor flexible */
    flex-direction: column; /* Coloca los elementos hijos (en este caso, el texto y el reloj) en una columna (uno debajo del otro) */
    align-items: center; /* Centra horizontalmente los elementos hijos dentro del contenedor */
    margin-bottom: 20px; /* Añade un margen inferior para separar los contenedores entre sí */
}

canvas {
    background-color: white; /* Define el color de fondo del canvas */
    border-radius: 50%; /* Hace que los bordes del canvas sean redondeados, formando un círculo */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Añade una sombra alrededor del canvas para dar un efecto de elevación */
    margin: 10px 0; /* Añade un margen vertical para separar el canvas del texto */
}