@import url(https://fonts.googleapis.com/css?family=Lato:100,300);h2{margin-top:0}h4{margin-bottom:4px}h4 pre{margin:0}.MXCloseButton{position:absolute;right:0;top:0;font-size:2em;color:#000;text-decoration:none;background-color:#fff;border-radius:1em}.MXCenterDiv{-webkit-transform:translate(-50%,-40%);-moz-transform:translate(-50%,-40%);-ms-transform:translate(-50%,-40%);-o-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}.MXCenterDivOverwrite{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.MXTransitionTimingEaseInOut{-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.mobile{display:none}@media screen and (max-width:500px){.mobile{display:block}}section{position:absolute;width:100%;max-width:900px;height:50%;top:-100%;left:50%;-webkit-transform:translate(-50%,-40%);-moz-transform:translate(-50%,-40%);-ms-transform:translate(-50%,-40%);-o-transform:translate(-50%,-40%);transform:translate(-50%,-40%);-webkit-transition:top 1s;-moz-transition:top 1s;-ms-transition:top 1s;-o-transition:top 1s;transition:top 1s;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}@media screen and (max-width:500px){section{left:0;height:100%;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}section .mobile.cover{position:absolute;bottom:0;width:100%;height:80px;background-color:#fff}section.active{top:40%}@media screen and (max-width:500px){section.active{top:0;left:0;height:100%;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}section .inner{width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:0;background-position:left top;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain}@media screen and (max-width:500px){section .inner{padding-bottom:80px}}section .inner.about img{position:absolute;top:0;right:20px}@media screen and (max-width:600px){section .inner.about img{position:relative;top:inherit;right:inherit;margin:20px auto}}section .inner.portfolio a:last-child{display:block}section .inner .inner-content{padding:0 20px;overflow-y:scroll;-webkit-overflow-scrolling:touch;height:100%}section .inner .inner-content::-webkit-scrollbar{-webkit-appearance:none;width:7px}section .inner .inner-content::-webkit-scrollbar-thumb{border-radius:4px;background-color:rgba(0,0,0,.5);-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}@media screen and (max-width:500px){section .inner .inner-content{padding:20px;background-color:rgba(255,255,255,.9)}}section .inner .inner-content h2{margin-top:-7px}@media screen and (max-width:500px){section .inner .inner-content h2{font-size:36px}}section .inner .inner-content h3,section .inner .inner-content h4{margin-bottom:12px;font-size:20px;unicode-bidi:embed;font-family:monospace;white-space:pre}@media screen and (max-width:500px){section .inner .inner-content h3,section .inner .inner-content h4{font-size:32px}}section .inner .inner-content ul{margin-top:-10px;padding:0;list-style:none}section .inner .inner-content ul li{line-height:2em;margin-bottom:30px}@media screen and (max-width:500px){section .inner .inner-content ul li{font-size:24px;line-height:1.2em}}section .inner .inner-content ul li label{display:inline-block;width:180px}@media screen and (max-width:570px){section .inner .inner-content ul li label{width:90%;margin-bottom:10px}}section .inner .inner-content ul li pre{display:inline-block;vertical-align:top;line-height:.5em;margin-top:9px}section .inner .inner-content ul li a{text-decoration:underline;color:#4f4f4f}@media screen and (max-width:500px){section .inner .inner-content ul li a{text-decoration:underline}}section .inner .inner-content ul li a:hover{text-decoration:underline}section .inner .inner-content ul li span{display:inline-block;vertical-align:top;width:calc(100% - 200px)}@media screen and (max-width:570px){section .inner .inner-content ul li span{display:block;padding-left:10px;width:90%}}nav{width:100%;max-width:800px;left:50%;transition:all .5s ease;position:absolute;bottom:-200px;transform:translate(-50%,0);height:120px;background-color:#fff}@media screen and (max-width:500px){nav{height:80px}}nav.show{bottom:0}nav ul{width:100%;padding:0;margin:0;position:absolute;bottom:0}nav ul li{display:inline-block;width:25%;font-size:32px;line-height:2.5em;transition:all .5s ease-out}@media screen and (max-width:500px){nav ul li{font-size:18px}}nav ul li:hover{transform:scale(1.5)}@media screen and (max-width:570px){nav ul li:hover{transform:none}}nav ul li a{color:#b0b0b0;text-decoration:none;display:inline-block;width:100%;text-align:center;padding:0;position:relative}nav ul li a.active,nav ul li a:hover{color:#000}nav ul li a:before{position:absolute;top:-20px;left:50%;transform:translate(-50%,0)}@media screen and (max-width:500px){nav ul li a:before{font-size:32px}}@-webkit-keyframes opacity-anim{0%{opacity:0}99.9%{color:#000}100%{color:transparent}}@-moz-keyframes opacity-anim{0%{opacity:0}99.9%{color:#000}100%{color:transparent}}@-o-keyframes opacity-anim{0%{opacity:0}99.9%{color:#000}100%{color:transparent}}@keyframes opacity-anim{0%{opacity:0}99.9%{color:#000}100%{color:transparent}}.mx-transition-time{transition:.3s}.main-container{position:fixed;top:0;left:0;width:100%;height:100%}.content{display:block;margin:0 auto;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;width:100%;height:100px}@media screen and (max-width:500px){.content{top:40%;transform:translate(-50%,-40%)}}@media screen and (max-width:470px){.content{padding:0 20px}.content h1{font-size:48px}}.content h1,.content h2{margin:0;font-weight:100}@media screen and (max-width:500px){.content h1,.content h2{font-weight:300}}.content h1{font-size:48px}.content h2{margin-top:30px;text-align:center;display:none}.content .animated{position:relative;width:100%;height:1em;overflow:visible;display:block;text-align:center}.content .animated .char{color:transparent;position:relative;transition:.3s}.content .animated .char .inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2000px;color:transparent;display:none;transition:.3s}.content .animated .char.go{font-size:48px;color:#000}@media screen and (max-width:370px){.content .animated .char.go{font-size:48px}}.content .animated .char.go .inner{-webkit-animation:opacity-anim .3s;-moz-animation:opacity-anim .3s;-o-animation:opacity-anim .3s;animation:opacity-anim .3s;font-size:5px}*{box-sizing:border-box}body,html{margin:0;font-weight:100;font-family:Lato,sans-serif;width:100%;height:100%}@media screen and (max-width:570px){body,html{font-weight:300}}section a.title-icon{position:absolute;right:0;top:0;font-size:2em;color:#000;text-decoration:none;background-color:#fff;border-radius:1em}/*# sourceMappingURL=styles.css.map */