.special-title {
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 0;
}

.special-title .white {
    color: white;
}

.special-title .orange {
    color: #d16105;
    animation: dropBounce 1.5s ease-in-out forwards;
    display: inline-block; /* Nécessaire pour l'animation */
    position: relative; /* Nécessaire pour l'animation */
}

@keyframes dropBounce {
    0% {
        transform: translateY(-500px);
    }
    50% {
        transform: translateY(30px);
    }
    65% {
        transform: translateY(-15px);
    }
    80% {
        transform: translateY(10px);
    }
    90% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}


/* Conteneur de l'image pour gérer les débordements */
.image-container {
    overflow: hidden;   /* Cache tout ce qui dépasse du conteneur */
    display: inline-block;
}

/* Image avec transition pour l'animation */
.image-container img {
    transition: transform 0.5s ease;  /* Durée et effet de l'animation */
}

/* Effet de zoom au survol */
.image-container img:hover {
    transform: scale(1.1);  /* Zoom à 110% */
}

/* Styles pour header, footer et le contenu principal */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    min-height: 100vh;
    margin: 0;
    background: linear-gradient(to top, #02060a, #0e1f27);
}

header, footer {
    
    text-align: center;
    padding: 20px;
    width: 100%;
}

nav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
}

nav ul li {
    display: inline;
    margin-right: 15px;
}

nav ul li a {
    text-decoration: none;
    color: #333;
}

main {
    padding: 20px;
}