body,html{position:absolute;top:0;margin:0;padding:0;width:100vw;min-height:100vh;overflow-x:hidden}.no-overflow{overflow:hidden}div#app,div#portfolio{width:100vw;min-height:100vh}div#portfolio{display:flex;flex-direction:column}@media (max-width:800px){div#portfolio nav.top-nav div.mobile-menu{position:absolute;display:flex;flex-direction:column;top:50%;left:10px;width:35px;transform:translateY(-50%)}div#portfolio nav.top-nav div.mobile-menu span{width:80%;height:3px;margin:2px auto;background-color:#000}div#portfolio nav.top-nav div.nav-content div.nav-right{display:none}div#portfolio nav.top-nav div.nav-content div.nav-right.opened{position:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,98%,.9);z-index:50}div#portfolio nav.top-nav div.nav-content div.nav-right a{color:#000}div#portfolio nav.top-nav div.nav-content div.nav-right a.nav-item{margin:20px auto;font-size:2em}div#portfolio nav.top-nav div.nav-content div.nav-right a.nav-item:before{display:none;-webkit-animation:none;animation:none}div#portfolio nav.top-nav div.nav-content div.nav-right a.menu-cross{position:fixed;display:block;top:0;right:15px;text-decoration:none;font-size:5em;z-index:51}div#portfolio nav.top-nav div.nav-content div.nav-left{width:100%}}div#portfolio nav.top-nav{position:relative}div#portfolio nav.top-nav div.nav-content{display:flex;justify-content:space-between;padding:20px 30px;background-color:#fff}div#portfolio nav.top-nav div.nav-content>div{display:flex;align-content:center}div#portfolio nav.top-nav div.nav-content a.nav-title{margin:auto;font-size:1.4em;color:#000;text-decoration:none}div#portfolio nav.top-nav div.nav-content a.menu-cross{color:#000}div#portfolio nav.top-nav div.nav-content a.nav-item{position:relative;margin:auto 15px;font-size:1.2em;color:#000;text-decoration:none}div#portfolio nav.top-nav div.nav-content a.nav-item:before{position:absolute;content:"";width:100%;height:3px;bottom:-2px;background-color:#000;-webkit-animation-name:nav-out;animation-name:nav-out;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:cubic-bezier(1,0,.58,.97);animation-timing-function:cubic-bezier(1,0,.58,.97);-webkit-animation-fill-mode:both;animation-fill-mode:both}div#portfolio nav.top-nav div.nav-content a.nav-item:hover:before{-webkit-animation-name:nav-in;animation-name:nav-in}@-webkit-keyframes nav-in{0%{width:0;left:0;right:auto}to{width:100%;left:0;right:auto}}@keyframes nav-in{0%{width:0;left:0;right:auto}to{width:100%;left:0;right:auto}}@-webkit-keyframes nav-out{0%{width:100%;left:auto;right:0}to{width:0;left:auto;right:0}}@keyframes nav-out{0%{width:100%;left:auto;right:0}to{width:0;left:auto;right:0}}div#portfolio section.body,div#portfolio section.body>div{display:flex;flex:1 0 auto;flex-direction:column}div#portfolio footer{display:flex;flex-direction:column;background-color:#fff;color:#000}div#portfolio footer div.social{display:flex;flex-direction:column;margin:15px auto 0}div#portfolio footer div.social>div{margin:3px auto}div#portfolio footer div.social div.social-infos{display:flex;flex-direction:column;align-items:center}div#portfolio footer div.social div.social-infos>*{margin:2px auto;text-align:center}div#portfolio footer div.social div.social-infos a{color:#000}div#portfolio footer div.social div.social-media{display:flex;width:100%;justify-content:space-around}div#portfolio footer div.social div.social-media>*{margin:5px}div#portfolio footer div.social div.social-media>*>svg{transition:fill .2s}div#portfolio footer div.social div.social-media>:hover .twitter-icon{fill:#1da1f2}div#portfolio footer div.social div.social-media>:hover .flickr-icon{fill:#ff0064}div#portfolio footer div.social div.social-media>:hover .instagram-icon{fill:#c13584}div#portfolio footer div.social div.social-media>:hover .linkedin-icon{fill:#0e76a8}div#portfolio footer div.social div.social-media>:hover .youtube-icon{fill:#c4302b}div#portfolio footer div.copyright{display:flex;margin:0 auto 15px}div#portfolio footer div.copyright span{margin:auto;text-align:center}div#portfolio div.divider{width:80%;height:2px;margin:15px auto;background-color:#000}