/* mettre les caractéristiques de header sur body  */
/* mettre des margin auto sur le body pour les pages pour centrer les éléments  */

html {

    margin: 0;

}



body {
    background-image: url(/images/Professional_Mode_A_beautiful__ethereal_representa.gif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}



main {
    height: 100vh;
}



@media screen and (max-width: 700px) {


    .main_menu.open {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 100%;
        right: 0;
        width: 100%;
        background-color: #b75a48;
        padding: 1em 0;
        z-index: 10;
    }



}