body {
    background-color: #333; /* Couleur de fond sombre pour l'aspect volcanique */
    color: white; /* Texte en blanc */
    font-family: Arial, sans-serif; /* Choix de la police */
    text-align: center; /* Centrer le texte */
    padding: 20px; /* Espacement intérieur */
}

.expeditions-container {
    margin: auto; /* Centrer le conteneur */
    max-width: 600px; /* Largeur maximale */
    padding: 20px; /* Espacement intérieur */
    border: 1px solid #555; /* Bordure pour le conteneur */
    border-radius: 8px; /* Coins arrondis */
    background-color: #444; /* Couleur de fond du conteneur */
}

h1 {
    font-size: 2.5em; /* Taille du titre */
    margin-bottom: 20px; /* Espacement sous le titre */
}

p {
    font-size: 1.2em; /* Taille de la description */
    margin-bottom: 30px; /* Espacement sous la description */
}

.button-container {
    display: flex; /* Utilisation de flexbox pour l'alignement des boutons */
    justify-content: space-around; /* Espacement entre les boutons */
    flex-wrap: wrap; /* Permet aux boutons de passer à la ligne si nécessaire */
}

.home-button {
    background-color: #e63946; /* Couleur rouge volcanique */
    color: white; /* Texte blanc */
    text-decoration: none; /* Pas de soulignement */
    padding: 15px 30px; /* Espacement intérieur */
    border-radius: 5px; /* Coins arrondis */
    transition: background-color 0.3s; /* Transition douce pour le changement de couleur */
    margin: 10px; /* Espacement autour des boutons */
    flex: 1; /* Les boutons occupent un espace égal */
    max-width: 200px; /* Largeur maximale pour chaque bouton */
}

.home-button:hover {
    background-color: #d62839; /* Changement de couleur au survol */
}

/* Styles Responsives */
/* Styles Responsives */
@media (max-width: 600px) {
    h1 {
        font-size: 2em; /* Réduire la taille du titre */
    }

    p {
        font-size: 1em; /* Réduire la taille de la description */
    }

    .home-button {
        padding: 10px 20px; /* Ajuster le padding des boutons */
        margin: 15px 10px; /* Réduire l'espacement autour des boutons */
        max-width: 90%; /* Les boutons prennent presque toute la largeur */
    }
}