/*
    Créé le : 10.01.2024
    Créateur : Alexis Girard
    Définition de la page : Page de style de la page fun facts
*/

.contenu {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    width: 80%;
}

.colonne1,
.colonne2,
.colonne3 {
    width: 33%;
}


.fact {
    background-color: #F2CD37;
    margin: 10px;
    padding: 3px;
    text-align: justify;
    border: solid 1px;
}

.fact h2 {
    text-align: center;
}

@media screen and (max-width: 900px) {
    .contenu {
        flex-direction: column;
        width: 100%;
    }

    .colonne1,
    .colonne2,
    .colonne3 {
        width: 100%;
    }

    .fact {
        margin: 0px;       /*Permet de réintialiser le margin, sinon il y a plus d'espace */
        margin-top: 5px;   /*entre les rectangles de deux colonnes différentes*/
    }
}