* {
    margin: 0;
    padding: 0;
    font-family: 'Nunito', sans-serif;
    ;
}
main, nav{color: white}
body>header{
    background-color: #E7DFC6;
    color: #51443e;
    position: fixed;
    width: 100%;
    height: 12vh;
    z-index: 2
}
header>h4{margin-left: 2%;}
a{color: white}
li{list-style: none;}
nav>li>a{color: white; font-size: 20px;}
nav>li{text-align: center;
margin: 5px;
margin-top: 25px;}
nav>div{bottom: 10px;
    position: fixed;
width: 14%;}
    nav>div>p{ display: auto; margin: auto; font-size: 14px;}
nav>div>svg{display: block; margin: auto;}


nav {position: fixed;
    text-align: center;
    width:14%;
    top: 12vh;
    height: 100%;
background-color: #51443e;}

main{background-color: #816C61;
    width:86%;
top: 12vh; left: 14%;
position: relative;}

h4{font-size: 20px;
font-weight: bold;}
main>h4{font-size: 22px;}

header>h1{font-size: 46px;
font-weight: bold;}
div p{display: inline;}

#realisations{display: flex;}
#realisations>div{border-right: 1px solid #E7DFC6;margin-left: 2%; width: 33%;}
#realisations>div:nth-of-type(3){border-right: none;}
main>h4{text-decoration: underline; text-align: center; padding: 12vh}
.titre{font-size: 22px; margin-left: 25px;}
#realisations ul{margin-top: 20px; font-size: 20px;}
#realisations, #presentation,#competences,#experiences{border-bottom: 5px solid #E7DFC6;padding-bottom: 150px; margin-bottom:45px;}
#presentation h2{text-decoration: underline;}



#presentation svg{padding-top: 12vh;}
#presentation h2{ font-size: 22px; margin-left: 15px; padding-bottom: 5%; text-decoration: underline;text-align: center;}
#presentation div{margin-left: 1%;}
#presentation p{margin-left: 5%; font-size: 20px;}


#competences h4{text-align: center; text-decoration: underline; font-size: 22px; padding-top: 12vh;}
#competences p{font-size: 22px;}
#competences div{margin-left: 2%;}

#experiences {margin-left: 1%;}
#experiences>svg{padding-top: 12vh;}
#experiences h4{ font-size: 22px; margin-left: 15px; text-decoration: underline; text-align: center;}

#experiences p{font-size: 20px;}
#experiences span{font-weight: bold;}


#formations h4{ font-size: 22px; margin-left: 15px; text-decoration: underline; text-align: center; padding-bottom: 1%;}
#formations p{font-size: 22px;}
#formations span{font-weight: bold;}
#formations div{padding-bottom: 9%;}
#formations li{margin-top: 2%; font-size: 20px;}