/*section.jeu{*/
    /*height: 100vh;*/
    /*width: auto;*/
    /*background-image: url("../images/logo.gif");*/
    /*background-repeat: no-repeat;*/
    /*background-size: contain;*/
    /*background-position: center;*/
/*}*/


section{
    display: block;
}

html {
    /* 1rem = 10px */
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    background-color: #FBFBFB;
}

h1 img{
    width: 20rem;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body {
    font-family: Comfortaa,sans-serif;
    margin: 0;
    padding: 0;
}

footer{
    background-color: #41566C;
}

/*VIDEO */

#commencer{
    background-color: #FFFFFF;
    font-family: Comfortaa, sans-serif;
    font-size: 5rem;
    padding: 2rem 5rem 2rem 4.5rem;

    margin: 40vh 0 auto 0;
    text-align: center;
    width: 300px;
    cursor: pointer;
    border: solid #3DC39E .5rem;
    border-radius: 5rem;
}

/*faire disparaitre le menu lorsque la vidéo est lancée*/

.invisible{
    display: none!important;
}



/*//menu mobile//*/
.mobile-trigger{
    display: none;
}

.mobile-trigger .menu-mobile{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #3DC39E;

    animation: ease-in-out;
}

.menu-mobile ul{
    margin: 0rem 0 0 10rem;

}

.menu-mobile ul li{
    margin: 10rem 0 5rem 0;
    list-style-type: none;
}

.menu-mobile a{
    color: #ECECEC;
    text-decoration: none;
}

.menu-mobile a:visited{
    color: #ECECEC;
}




/**/

/*Menu ordi*/
header {
    font-size: 2.5rem;
    color: #ECECEC;
    padding-top: 20px;
}

.side-nav ul{
    list-style-type: none;
    padding:0 0 0 1rem;
    margin-top: 15rem;
}


.side-nav {
    width: 20%;
    min-width: 30rem;
    background-color: #3DC39E;
    height: 100%; /* Full-height: remove this if you want "auto" height */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    overflow-x: hidden; /* Disable horizontal scroll */
}

.side-nav a {
    padding: 0 8px 6px 16px;
    margin: 0 0 12.5rem 0;
    text-decoration: none;
    display: block;
}

.side-nav a:visited {
    color: #ECECEC;
}

/*disposition du main*/

main {
    margin-left: 25vw;
    padding-left: 5rem;
    margin-right: 3rem;
}


.noMarge{
    margin:0!important;
    padding: 0!important;
}
/*titres et textes dans main*/

h2 {
    font-size: 4.5rem;
    color: #3DC39E;
}

h3{
    font-size: 3rem ;
    color: #3DC39E;
}

p {
    font-size: 1.6rem;
    color: #41555C;
}


/*section propos*/

.propos{
    height: 100vh;
}

.propos .equipe{
    display: flex;
    flex-wrap: wrap;
}

.propos .equipe div{
    width: 50%;
    min-width: 30rem;
    margin: 1rem 0 1rem 0;
}


section.jeu{
    height: 100vh;
    width: auto;
    background-image: url("../images/logo.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pourquoi-jeu{
    padding-bottom: 20rem;
}