@keyframes jump {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-30px); /* Move up 30px */
    }
    100% {
        transform: translateY(0); /* Return to original position */
    }
}

.jump-animation {
    animation: jump 5s ease-in-out infinite; /* Duration of 5 seconds and repeat infinitely */
    margin-top: 20px; /* Ajoute une marge de 10 pixels au-dessus du texte */
}

body {
    margin: 0;
    padding: 0;
    height: 100vh; /* Full height */
    overflow: hidden; /* Prevent scrolling */
}

.container {
    display: flex;
    height: 80%; /* Full height */
}

.location {
    flex: 1; /* Take up space on the left */
    background-color: #f0f0f0; /* Light background for visibility */
    padding: 20px; /* Some padding */
}

.text {
    flex: 2; /* Take up more space on the right */
    padding: 20px; /* Some padding */
}

.center-title {
    font-size: 28px; /* Taille de police de 26 pixels */
    font-weight: bold; /* Met le texte en gras */
}

#countdown {
    font-weight: bold; /* Met le texte en gras */
    font-size: 24px; /* Taille de police de 24 pixels */
    color: red; /* Couleur du texte en rouge */
    margin-top: 10px; /* Marge au-dessus de l'élément */
}

/* Nouvelle classe pour le texte de bienvenue */
.lead-text {
    color: blue; /* Couleur du texte en bleu */
    margin-bottom: 10px; /* Marge de 10 pixels en bas */
    font-weight: bold; /* Met le texte en gras */
}

/* Nouvelle classe pour le texte en gras */
.bold-text {
    font-weight: bold; /* Met le texte en gras */
}

/* Classe pour le texte en noir */
.text-black {
    color: black; /* Couleur du texte en noir */
}

/* Classe pour la police Pinyon Script */
.pinyon-script {
    font-family: 'Pinyon Script', cursive; /* Appliquer la police Pinyon Script */
    font-size: 26px; /* Taille de police de 24 pixels */
}

/* Styles pour le footer */
.footer {
    text-align: center; /* Centre le texte dans le footer */
    padding: 20px; /* Ajoute un peu de padding */
    background-color: #fff; /* Couleur de fond pour le footer */
    position: relative; /* Position relative pour le footer */
    bottom: 0; /* Positionne le footer en bas */
    width: 100%; /* Prend toute la largeur */
}

/* Styles pour la réactivité */
@media (max-width: 768px) {
    .container {
        flex-direction: column; /* Empile les colonnes sur les petits écrans */
    }
    .location, .text {
        width: 100%; /* Prend toute la largeur */
        padding: 10px; /* Réduit le padding */
    }
}
/* Augmente la taille des icônes de 2 pixels */
.social-icons a i {
    font-size: 24px; /* Augmente la taille des icônes de 2 pixels */
}
/* Personnalise chaque réseau social avec sa couleur */
.social-icons a {
    margin: 0 5px; /* Ajoute un petit espace entre les icônes */
}

.social-icons a i.fa-facebook-f {
    color: #3b5998; /* Couleur de Facebook */
}

.social-icons a i.fa-twitter {
    color: #1da1f2; /* Couleur de Twitter */
}

.social-icons a i.fa-instagram {
    color: #c32aa3; /* Couleur d'Instagram */
}

.social-icons a i.fa-linkedin-in {
    color: #0077b5; /* Couleur de LinkedIn */
}

.social-icons a i.fa-tiktok {
    color: #69c9d0; /* Couleur de TikTok */
}