/* Importation de la police d'écriture Gameplay */
@font-face {
    font-family: 'gameplayregular';
    src: url('font//gameplay-webfont.woff2') format('woff2'),
         url('font//gameplay-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'gameplayregular';
    margin:0 auto;
    width: 100%;
    float: left;
    background-color: black;
}
/* Haut de la page contenant le logo et la navbar */
section.haut_page {
    background-image: url(background.jpg);
    height: 10vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
/* Paramètres de l'image du logo */
section.haut_page img {
    width: 30vh;
    /* margin-top: auto;
    margin-bottom: auto;
    margin-left: 5vh; */
    margin: auto;
}
/* Navbar */
nav.nav {
    display: flex;
    justify-content: space-between;
    list-style: none;
    width: 100%;
    margin-left: 5vh;
    margin-right: 5vh;
}
/* Paramètres du texte de la navbar */
nav.nav li,a {
    color: white;
    font-size: 3vh;
    text-decoration: none;
}
/* Paramètres du texte de description */
.description {
    color: #f7e26b;
    font-size: 3vh;
    padding-left: 2%;
    padding-right: 2%;
    text-align: center;
}
/* Box de la description */
section.description {
    background-color: black;
    display: flex;
}
/* Box des images exemples */
section.levelsbox {
    display: flex;
    background-color: black;
    flex-wrap: wrap;
    justify-content: center ;
}
/* Paramètres des images d'exemples */
.levelimg {
    height: 55vh;
    margin: none;
}
/* Paramètre de la box de l'exemple 1 */
.levelex1 {
    justify-content: center;
    width: 55vh;
    background-color: black;
}
/*  Pareil avec l'exemple 2 */
.levelex2 {
    justify-content: center;
    width: 55vh;
    background-color: black;
}
/* Pareil avec l'exemple 3 */
.levelex3 {
    justify-content: center;
    width: 55vh;
    background-color: black;
}
/* Paramètres des textes de description des exemples */
.desc {
    color: #29e2dc;
    font-size: 2vh;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}
/* Paramètres du texte "A Propos de Escape" */
.aproposde {
    color: #f7e26b;
    font-size: 3vh;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}
/* Paramètres du texte "A propos" */
.aproposdesc {
    color: white;
    font-size: 2vh;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}
/* Bos de la section " A Propos" */
section.apropos {
    background-image: url(background.jpg);
    background-size: cover;
    background-position: center;
    justify-content: center;
}
/* Paramètres du texte "Telecharger le jeu maintenant" */
.telechargerlejeu {
    color: #f7e26b;
    font-size: 3vh;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}
/* Box de la section telecharger */
section.telecharger {
    background-color: black;
    justify-content: center;
}
/* Box du bouton telecharger */
section.downloadbtn {
    align-items: center;
    display: flex;
    background-color: black;
}
/* Paramètres du bouton telecharger */
.telebtn {
    background-image: url(telebtn.jpg);
    background-size: cover;
    background-position: center;
    height: 5.5vh;
    width: 25vh;
    border: none;
    margin-left: auto;
    margin-right: auto;
}
/* Paramètres du texte de fin */
.ending {
    color: #29e2dc;
    font-size: 2vh;
    text-align: center;
    margin-left: 80px;
    margin-right: 80px;
}
/* Paramètres du texte "L'equipe Escape" */
.Escape_Team {
    color: white;
    font-size: 1.5vh;
    text-align: center;
}
/* Box de la section de fin */
section.fin {
    background-color: black;
}
/* Paramètres de la section "Equipe Escape + Sprite" */
.TeamSprite {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vh;
}
/* Paramètres du sprite */
.TeamSprite img {
    padding-left: 1vh;
    height: 4vh;
}