body{
    background-color: black;
}
/*-----------------------BODY----------------------*/
.page {
    background-color: rgb(0, 123, 206);
    opacity: 95%;
    border-radius: 3rem;
    margin: 3rem;
}

.page h2 {
    text-align: center;
    padding-top: 2rem;
    font-size: 2rem;
}

.texte {
    padding: 2rem;
    word-break: normal;
}

.passions h3{
    text-align: center;
}


.boutons{
    justify-content: center;
}

.boutons a .boutonannee{
    margin: 3rem;
    background-color: black;
    border-radius: 25px;
}


.boutonannee h3{
    color: white;
    padding: 1rem;
    text-decoration: none;
}


@media (max-width: 500px) {
    .image{
        display: flex;
        justify-content: center;
    }
    .image img{
        width : 230px;
        height : 245px;
        border-radius: 50%;
        padding: 1rem;
        
    }

    .passions {
        font-size: 1rem;
        padding: 1.9rem;
    }

    .texte p{
        text-align: center;
        font-size: 1rem;
    }

    .liste p{
        text-align: center;
    }

    .boutons{
        padding: 1rem;
    }

    .boutonannee{
        text-align: center;
        
    }
}

@media (min-width: 501px) and (max-width: 1024px) {


    .avttext{
        display: flex;
    }
    .image img{
        width : 230px;
        height : 245px;
        border-radius: 50%;
        padding: 1rem;
        margin-left: 1rem;
    }

    .passions {
        font-size: 1rem;
        padding: 2rem;
    }

    .texte p {
        font-size: 1rem;
    }

    .boutonannee{
        text-align: center;
    }
    .boutons{
        padding: 1rem;
    }

}

@media (min-width: 1025px) {


    .avttext{
        display: flex;
    }

    .image img{
        width : 275px;
        height : 290px;
        border-radius: 50%;
        padding: 1rem;
        padding-left: 5rem;
    }
    .texte {
        font-size: 1.5rem;
        padding: 5rem;
    }

    .menu-toggle {
        display: none;
    }

    .passions {
        font-size: 1.5rem;
        padding: 2rem;
    }

    .boutons {
        display: flex;
    }
}