/* styles.css */

/* Styles pour le conteneur d'affichage de date et d'heure */
.center-content {
    display: flex; /* Utiliser flex pour un alignement horizontal */
    justify-content: center; /* Centrer horizontalement */
    align-items: center; /* Centrer verticalement */
    text-align: center; /* Centrer le texte */
    margin-top: 20px; /* Espace au-dessus */
}

/* Styliser le texte de la date et de l'heure */
.time-text {
    margin: 0 3px; /* Espace entre la date, le tiret et l'heure */
    font-size: 23px; /* Taille de police */
    font-family: 'Architects Daughter', 'Helvetica Neue', Helvetica, Arial, sans-serif; /* Police d'origine */
    color: orange; /* Couleur du texte */
}

/* Media query pour adapter la taille de police sur petits écrans */
@media (max-width: 600px) {
    .time-text {
        font-size: 20px; /* Réduire la taille de police sur petits écrans */
    }
}

/* Ajout d'une transition douce pour le changement de texte */
.time-text {
    transition: color 0.3s ease; /* Transition de couleur */
}

.time-text:hover {
    color: OrangeRed; /* Couleur au survol */
}