/* Styles spécifiques à la page Jeux */

/* Centrer le contenu principal */
main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 200px); /* Exclure header et footer */
    margin: 0;
}

/* Conteneur des boutons principaux */
.button-container {
    display: flex;
    flex-direction: column;
    gap: 40px; /* Augmenter l'espacement entre les boutons */
    align-items: center;
    width: 100%;
    max-width: 1200px;
}

/* Boutons individuels */
.button-card {
    width: 500px; /* Augmenter la largeur */
    height: 300px; /* Augmenter la hauteur */
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    border: 2px solid #333;
    cursor: pointer;
}

/* Effet au survol */
.button-card:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

/* Images de fond pour chaque bouton */
.star-citizen {
    background-image: url('../images/images-jeux/star-citizen-banner.jpg');
}

.project-zomboid {
    background-image: url('../images/images-jeux/project-zomboid-banner.jpg');
}

/* Texte en construction */
.construction-text {
    font-size: 14px;
    color: #777;
    margin-top: 10px;
    text-align: center;
    font-style: italic;
}