@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Dopio+One|Oxygen);/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}code{font-family:monospace,monospace;font-size:1em}img{border-style:none}svg:not(:root){overflow:hidden}button{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}menu{display:block}summary{display:list-item}[hidden]{display:none}/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:FontAwesome;src:url(/portfolio/fonts/674f50d287a8c48dc19ba404d20fe713.eot);src:url(/portfolio/fonts/674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/portfolio/fonts/af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"),url(/portfolio/fonts/fee66e712a8a08eef5805a46892932ad.woff) format("woff"),url(/portfolio/fonts/b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"),url(/portfolio/fonts/912ec66d7572ff821749319396470bde.svg#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:.14286em;text-align:center}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-user:before{content:"\F007"}.fa-remove:before{content:"\F00D"}.fa-home:before{content:"\F015"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-image:before{content:"\F03E"}.fa-twitter:before{content:"\F099"}.fa-globe:before{content:"\F0AC"}.fa-link:before{content:"\F0C1"}.fa-copy:before{content:"\F0C5"}.fa-sort:before{content:"\F0DC"}.fa-sort-down:before{content:"\F0DD"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-user-md:before{content:"\F0F0"}.fa-code:before{content:"\F121"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-toggle-down:before{content:"\F150"}.fa-header:before{content:"\F1DC"}.fa-copyright:before{content:"\F1F9"}.fa-medium:before{content:"\F23A"}.fa-gitlab:before{content:"\F296"}.fa-fa:before{content:"\F2B4"}.fa-s15:before{content:"\F2CD"}/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{padding:8px 8px;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:.7}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:40px;height:4px;background-color:#fff;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-10px}.hamburger-inner::after{bottom:-10px}.hamburger--elastic .hamburger-inner{top:2px;transition-duration:275ms;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic .hamburger-inner::before{top:10px;transition:opacity 125ms 275ms ease}.hamburger--elastic .hamburger-inner::after{top:20px;transition:transform 275ms cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(135deg);transition-delay:75ms}.hamburger--elastic.is-active .hamburger-inner::before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner::after{transform:translate3d(0,-20px,0) rotate(-270deg);transition-delay:75ms}*{box-sizing:border-box}html{height:100%}body{min-height:100%}.shared{display:grid;grid-template-rows:minmax(auto,calc(100vh - 60px)) 60px;grid-template-columns:0;grid-template-areas:"sidebar content" "footer footer";height:100vh}@media screen and (min-width:800px){.shared{grid-template-columns:220px auto}}a{color:#243949;text-decoration:none}body.sidebar-active .container::before{opacity:1;pointer-events:initial}body.sidebar-active .sidebar{transform:translateX(0)}.container{width:100%;overflow-x:hidden;background:#f5f5f5;position:relative;grid-area:content}.container::before{content:"";display:block;pointer-events:none;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;width:100%;height:calc(100vh - 60px);z-index:9;opacity:0;transition:.3s opacity}.content{margin:0 auto;min-height:calc(100vh - 60px);display:flex;flex-direction:column-reverse}@media screen and (min-width:1024px){.content{flex-direction:column}}.page-page{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23c3cfe2' fill-opacity='1'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%)}.grid{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;justify-items:center}@media screen and (min-width:800px){.grid{justify-items:baseline}}@keyframes loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media screen and (min-width:1024px){::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#517fa4}::-webkit-scrollbar-track{background:#a8bfd2}body{scrollbar-face-color:#517fa4;scrollbar-track-color:#a8bfd2}}p,ul{font-family:Oxygen,serif;font-size:1em}ul{list-style-type:square}h1,h2,h3,h4,h5,h6{font-family:"Doppio One",sans-serif;margin:1.75em 0 .8em;color:#243949}h1{font-size:3.05176em}h2{font-size:2.44141em}h3{font-size:1.95312em}h4{font-size:1.5625em}h5{font-size:1.25em}h6{font-size:1em}.footer{position:fixed;bottom:0;left:0;display:flex;width:100%;min-height:60px;background:linear-gradient(to right,#243949 0,#517fa4 100%);color:#fff;font-family:Roboto;align-items:center;justify-content:space-between;padding:4px 8px;z-index:99;grid-area:footer}.footer__copyright{font-size:.8em;font-family:"Doppio One",sans-serif;color:#fff}@media screen and (min-width:480px){.footer__copyright{font-size:.9em}}.footer__social a{display:inline-flex;position:relative;justify-content:center;align-items:center;width:30px;height:30px;color:#fff;text-decoration:none}.footer__social a:hover,.footer__social a:visited{text-decoration:none}.footer__social a::after{content:attr(data-tooltip);position:absolute;color:#fff;top:-12px;border-radius:2px;padding:3px;background:rgba(0,0,0,.5);font-size:.8em;font-family:Roboto,sans-serif;transition:opacity .15s;opacity:0}.footer__social a:hover::after{opacity:1}@media screen and (min-width:480px){.footer__social a{width:40px;height:40px}.footer__social a i{font-size:1.1em}}.header{display:flex}#menu{position:fixed;top:4px;left:4px;z-index:999;outline:0}@media screen and (min-width:800px){#menu{display:none}}.sidebar{display:flex;grid-area:sidebar;position:absolute;background:linear-gradient(to right,#243949 0,#517fa4 100%);background-size:100vw;flex-direction:column;min-width:220px;padding-top:40px;z-index:99;height:100%;transform:translateX(-100%);transition:.3s transform}@media screen and (min-width:800px){.sidebar{display:flex;transform:none;position:relative}}.sidebar.is-active{transform:translateX(0)}.sidebar__menu{list-style:none;font-family:Oxygen,sans-serif;font-size:1.3em;margin:0;padding:0}@media screen and (min-width:1024px){.sidebar__menu{font-size:1.5em}}.sidebar__menu a{display:block;color:#fff;text-decoration:none;width:100%;height:100%;padding:20px 0 8px 10px;transition:background-color .15s,color .15s}.sidebar__menu a:hover{background-color:#fff;color:#243949}.profile{margin:12px auto}.profile__image{border-radius:50%}.hero{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%23c3cfe2' fill-opacity='1'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E"),linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);height:100px;width:100%;transform:scale(.7);opacity:0;transition:transform .6s,opacity .6s}@media screen and (min-width:1400px){.hero{position:absolute;height:700px}}.hero__cover-image{width:100%}.scale-in{transform:scale(1);opacity:1}.hero__links{position:absolute;bottom:0;left:0;display:flex;justify-content:space-between;width:100%}.hero__link{color:#fff;background-color:#243949;border:1px solid #c3cfe2;border-left:none;border-bottom:none;font-family:Roboto,sans-serif;font-size:1em;transition:all .3s}.hero__link:hover{background-color:#3d5363}.hero__link i{font-size:1.2em}.hero__link:last-of-type{border-top-right-radius:4px}.hero__link a{display:inline-block;text-decoration:none;color:inherit;font-weight:700;padding:10px 16px}.technologies{list-style:none;padding:0;margin:0;font-weight:700;font-size:1.1em;display:flex;align-items:center;justify-content:space-around;background:inherit;position:relative;z-index:1;overflow:hidden}.technologies::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(221,221,221,.6)}.technologies__background{position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(6px);z-index:-1}.technologies li{position:relative;display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100%}.technologies li::after{content:attr(data-technology);box-sizing:border-box;position:relative;top:100%;width:100%;text-align:center;background-color:#17242e;color:#ddd;font-family:Roboto,sans-serif;font-size:.75em;white-space:nowrap;padding:4px 0;display:block}@media screen and (min-width:480px){.technologies li::after{font-size:.85em}}.technologies li:hover::after{background-color:#243949}.technologies li img{width:100%;height:60px;padding:8px 0}.pull-down{transform:translateY(0)!important;opacity:1!important}.content__text{color:#333;background:#fff;font-size:1.05em;padding:0 24px;transform:translateY(100%);opacity:1;transition:.6s transform .2s,.6s opacity .2s;flex:1;padding-bottom:16px}@media screen and (min-width:1024px){.content__text{font-size:1.1em;margin:0 auto;margin-top:30px;padding:0 64px;width:80%;max-width:1024px}}.title{text-align:center;background-color:#243949;margin:0 -24px;padding:8px 24px;color:#fff;font-size:2.44141em;letter-spacing:2px;position:relative}@media screen and (min-width:480px){.title{letter-spacing:initial;font-size:3.05176em;margin:0 -104px}.title:after{content:"";position:absolute;right:0;bottom:-30px;width:0;height:0;border-style:solid;border-width:30px 40px 0 0;border-color:#3d617c transparent transparent}.title:before{content:"";position:absolute;left:0;bottom:-30px;width:0;height:0;border-style:solid;border-width:0 40px 30px 0;border-color:transparent #3d617c transparent transparent}}@media screen and (min-width:1024px){.title{font-size:3.05176em}}.content__gallery{display:flex}.gallery__image{width:300px;height:100%;z-index:100}@media screen and (min-width:480px){.gallery__image{width:400px}}.content__content{line-height:2em}.project{max-width:450px;min-height:300px;overflow:hidden;margin:0;background-repeat:no-repeat;background-size:cover;box-shadow:0 1px 4px 1px rgba(36,57,73,.4);border-radius:6px;z-index:0;position:relative;transition:transform .2s,box-shadow .2s}.project:hover{transform:scale(1.025);box-shadow:0 1px 7px 1px rgba(36,57,73,.5)}.project__body{width:100%;height:100%;padding:16px;z-index:0;color:#333}.project__body::after{content:'';display:block;background:#182631;background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);opacity:.92;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.project__summary,.project__title{margin:0}.project__summary{font-size:1em;line-height:1.5}.project__title{margin-bottom:12px;border-bottom:2px solid #444;font-size:1.5625em}.project a{left:0;right:0;top:0;bottom:0;position:absolute;z-index:1}