body{
     margin: 0;
     padding: 0;
}

#main{
     width:100%;
     height:800px;
}

/*-----------COLORS---------*/

.color_accent{
     color: #BCAAA4;
}

/*-----------NAV------------*/

nav{
     position:fixed;
     height: 100%;
     background: white;
     width: 240px;
     z-index: 10;
     border-right: 2px solid whitesmoke;
     box-sizing: border-box;
}

nav ul{
     list-style-type: none;
     width: 100%;
     padding: 48px 0 0 0;
     margin: 0;
}

nav ul li{
     background: white;
     margin: 16px 0 16px 0;
     padding: 4px 4px 0 48px;
     font-family: 'Poppins', sans-serif;
     font-weight: 200;
     cursor: pointer;
     width: calc(100% + 2px);
     box-sizing: border-box;
     border-right: 2px solid whitesmoke;
}

nav ul li a{
    color: black;
    cursor: pointer;
    text-decoration: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

nav ul li:hover{
     border-right: 2px solid #BCAAA4;
}

/*---------CONTENT----------*/

#content{
     height:100%;
     background: white;
     width: calc(100% - 240px);
     margin-left: 240px;
     position: relative;
     box-sizing: border-box;
}

#content a{
     color: #d89393;
     text-decoration: none;
}

#content div{
     position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    padding-top: 64px;
    overflow: hidden;
}

#content section{
     width: 800px;
     margin-left: 64px;
     position: absolute;
}

#content section h1{
     margin: 0;
     padding: 32px 16px 16px 16px;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
}

#content section h2{
     margin: 0;
     padding: 32px 8px 8px 16px;
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
     font-size: 16px;
}

#content section h2 a{
     font-weight: 300;
     font-size: 12px;
     margin-left: 12px;
}

#content section p {
     font-family: 'Roboto', sans-serif;
}

#content section p.first {
     /*border-bottom: 1px solid whitesmoke;*/
     padding: 32px 0 0 0;
     border-top: 1px solid whitesmoke;
}

#content section p.last {
     padding: 0 32px 0 0;
}

#button_menu {
     display: none;
}

/*---------CV----------*/
#content #about_me div.portrait{
     position: static;
     width: 150px;
     height: 150px;
     margin: 0;
     padding: 0;
     margin-left: calc(50% - 75px);
}

#content #about_me section h1{
     text-align: center;
}

#content #about_me div.portrait img{
     width: 100%;
     height: 100%;
}

/*---------CONTENT----------*/
.circle{
     border-radius: 50%;
}

.fill-horizontal{
     width: 100%;
}