/*
        Auteur : Leonardo Zanolari
        Date : 20/12/2024
        Description : l'histoire du jeux video et tout les themes qui l'englobe
    */


table {
    padding-top: 50px;
    border-collapse: collapse;
    width: 30%;
    flex-direction: row;
    display: flex;
}

tr {
    width: 70px;
    border-color: white;
    border: 2px solid white;
}

th,
td {
    border: 2px solid white;
    padding: 8px;
    text-align: left;
    text-align: center;
}



@media (max-width: 1024px) {

    /* Styles pour les écrans moyens (tablettes et petits écrans d'ordinateur) */
    table {
        width: 60%;
        /* Le tableau prend 60% de la largeur */
    }

    th,
    td {
        padding: 10px;
        /* Plus d'espace dans les cellules */
    }
}

@media (min-width: 1025px) {

    /* Styles pour les écrans plus larges (ordinateurs de bureau) */
    table {
        width: 30%;
        /* Garde la largeur définie à 30% */
    }

    th,
    td {
        padding: 8px;
        /* Taille par défaut pour les écrans plus grands */
    }
}

@media (max-width: 768px) {

    /* Styles pour les écrans petits (tablettes ou moins) */
    table {
        display: flex;
        width: 85%;
        /* Le tableau prend toute la largeur de l'écran */
        padding-top: 20px;
        padding-left: 5;
    
    }

    th,
    td {
        padding-left: 0px;
        /* Réduire l'espace intérieur des cellules */
    }


    td {

        text-align: right;
        border-bottom: 1px solid white;
        /* Ajouter une séparation pour chaque cellule */
    }
}