@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Black.eot);src:local(☺),url(/assets/fonts/Montserrat-Black.woff)format("woff"),url(/assets/fonts/Montserrat-Black.ttf)format("truetype"),url(/assets/fonts/Montserrat-Black.svg)format("svg");font-weight:900;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Bold.eot);src:local(☺),url(/assets/fonts/Montserrat-Bold.woff)format("woff"),url(/assets/fonts/Montserrat-Bold.ttf)format("truetype"),url(/assets/fonts/Montserrat-Bold.svg)format("svg");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Regular.eot);src:local(☺),url(/assets/fonts/Montserrat-Regular.woff)format("woff"),url(/assets/fonts/Montserrat-Regular.ttf)format("truetype"),url(/assets/fonts/Montserrat-Regular.svg)format("svg");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Light.eot);src:local(☺),url(/assets/fonts/Montserrat-Light.woff)format("woff"),url(/assets/fonts/Montserrat-Light.ttf)format("truetype"),url(/assets/fonts/Montserrat-Light.svg)format("svg");font-weight:300;font-style:normal}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;overflow:hidden}body{margin:0;overflow:hidden}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{vertical-align:baseline;display:inline-block}audio:not([controls]){height:0;display:none}[hidden],template{display:none}a{background-color:#0000}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{margin:.67em 0;font-size:2em}mark{color:#000;background:#ff0}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button{height:auto}input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}::-moz-selection{background:#393c4c}::selection{background:#393c4c}img::-moz-selection{background:0 0}img::selection{background:0 0}canvas{position:absolute;top:0;left:0}body{color:#fff;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background-color:#070707;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.6}.visually-hidden{white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.color-bright-gray{color:#4b6b89}.preloader{z-index:9999;background-color:#0b0b0b;width:100vw;height:100vh;position:absolute;overflow:hidden;transform:translate(0)}.l-viewport{width:100%;height:100vh;position:relative;overflow:hidden;box-shadow:0 0 45px 5px #000000d9}.l-wrapper{width:1366px;max-width:95%;height:100%;margin:0 auto;position:relative}.l-side-nav{align-items:center;height:100%;display:flex;position:absolute;left:0}.l-side-nav:before{content:"";opacity:.35;z-index:10;background-color:#555;width:2px;height:70%;max-height:750px;position:absolute;top:50%;left:0;transform:translateY(-50%)}@media (width<=1180px){.l-side-nav{display:none}}.l-main-content{width:100%;height:100%;margin:0;padding:0;list-style:none;position:relative}.l-section{width:100%;height:100%;position:absolute}.device-notification{-ms-grid-row-align:center;z-index:12;background-color:#0c0c0c;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.device-notification--message{text-align:center;width:70%;font-weight:700}@media (width<=314px){.device-notification{display:flex}}@media (height<=449px){.device-notification{display:flex}}.section{opacity:0;visibility:hidden;transition:opacity .7s ease-in-out,visibility 0s .7s;transform:translate(0,0)}.section--is-active{opacity:1;visibility:visible;z-index:1;transition:opacity .7s ease-in-out}.section--enter-next{animation:.7s ease-in-out forwards slideInFromBottom}.section--enter-prev{animation:.7s ease-in-out forwards slideInFromTop}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-70px)}to{opacity:1;transform:translateY(0)}}.section--next{opacity:0!important;transition:transform .7s ease-in-out,opacity .7s ease-in-out!important;transform:translateY(-70px)!important}.section--prev{opacity:0!important;transition:transform .7s ease-in-out,opacity .7s ease-in-out!important;transform:translateY(70px)!important}.header{z-index:10;justify-content:space-between;align-items:center;width:100%;height:70px;display:flex;position:absolute;top:0;left:0}.header--logo{color:#fff;background:#222;align-items:center;padding:10px;text-decoration:none;display:flex;box-shadow:0 2px 4px #000}.header--logo img{width:30px}.header--logo p{text-transform:uppercase;margin:0 0 0 10px;font-size:16px;font-weight:700}.header--logo p.status:after{content:"";border-radius:50%;width:10px;height:10px;display:inline-block;position:relative;top:0;left:5px}.header--logo p.status-online:after{background-color:#1e7f1e}.header--nav-toggle{cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s ease-in-out;display:flex;transform:rotate(0)}.header--nav-toggle span,.header--nav-toggle:before,.header--nav-toggle:after{content:"";background-color:#fff;width:16px;height:2px;position:relative}.header--nav-toggle:before{width:23px;bottom:5px}.header--nav-toggle:after{width:23px;top:5px}@media (width>=768px){.header:hover .header--nav-toggle{will-change:transform}.header--nav-toggle:hover{background-color:#222;transform:rotate(360deg)}}.header--theme-toggle{justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:4.5rem;right:0}.header--theme-toggle .fa-moon{cursor:pointer;padding:13px;transition:color .3s ease-in-out}.header--theme-toggle .fa-moon:hover{color:#ff0}.header--theme-toggle .fa-sun{cursor:pointer;padding:9px;font-size:2rem;transition:color .3s ease-in-out;display:none}.header--theme-toggle .fa-sun:hover{color:#aaa}.header--cloud{justify-content:center;align-items:center;font-size:1.4rem;display:flex;position:absolute;top:8.1rem;right:0}.header--cloud a{color:#fff;padding:11px;overflow:hidden}.header--cloud a:hover .fa-cloud{animation:1.2s linear forwards cloudSlide}@keyframes cloudSlide{0%,to{transform:translate(0)}50%{transform:translate(-200%)}50.01%{transform:translate(200%)}}.header--cta{color:#fff;text-transform:uppercase;opacity:0;visibility:hidden;background-color:#393c4c;border:none;padding:0 20px;font-weight:700;line-height:30px;text-decoration:none;transition:opacity .4s ease-in-out,visibility 0s .4s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 1px 4px #000}.header--cta:hover:after{transition:all .55s cubic-bezier(.19,1,.22,1);left:120%}.header--cta:focus{outline:none}.header--cta.is-active{opacity:1;visibility:visible;outline:1px solid #393c4c;transition:all 1.25s cubic-bezier(.19,1,.22,1)}.header--cta.cta.is-active:hover{outline-offset:15px;outline-color:#fff0;box-shadow:inset 0 0 20px #ffffff80,0 0 20px #fff3}@media (width<=767px){.header--cta{display:none}}.side-nav{z-index:10;flex-direction:column;justify-content:space-around;width:100px;height:70%;max-height:750px;margin:0;padding:0;list-style-position:inside;display:flex;position:relative}.side-nav>li{color:#fff;cursor:pointer;font-size:6px;position:relative;top:-5px}.side-nav>li:hover:before{color:#fff}.side-nav>li:before{color:#555;font:21px/1 FontAwesome;transition:all .2s linear;position:absolute;top:3px;left:10px}.side-nav li:first-child:before{content:"";left:11px}.side-nav li:nth-child(2):before{content:"";left:11px}.side-nav li:nth-child(3):before{content:""}.side-nav li:nth-child(4):before{content:""}.side-nav li:nth-child(5):before{content:""}.side-nav li:nth-child(6):before{content:""}.side-nav li.is-active{color:#393c4c;transition:color .4s ease-in-out}.side-nav li.is-active span{opacity:1;visibility:visible;transition:opacity .4s ease-in-out}.side-nav li.is-active:before{color:#fff;font-size:13px;top:8px;left:-28px}.side-nav>li span{color:#fff;opacity:0;visibility:hidden;font-size:14px;font-weight:300;display:inline-block;position:relative;top:3px;left:5px}.intro{flex-direction:column;justify-content:center;width:900px;max-width:75%;height:100%;margin:0 auto;display:flex;position:relative}@media (width<=1180px){.intro{max-width:100%}}.intro--banner{height:360px;position:relative}.intro--banner:before{content:"";z-index:10;background-color:#282828;height:2px;position:absolute;bottom:20px;left:-15px;right:0}.intro--banner:after{content:"";background-color:#393c4c;width:30px;height:4px;position:absolute;bottom:18px;left:0}@media (width>=768px){.intro--banner .intro--banner-text{margin-left:30px}}.intro--banner span.myname{margin-top:3.5em;display:block}.intro--banner h1{z-index:1;margin-top:0;font-size:68px;font-weight:900;line-height:1;position:relative}.intro--banner button{z-index:10;text-transform:uppercase;background-color:#0000;border:none;padding:5px 17px 5px 12px;font-weight:700;position:absolute;bottom:5px;right:10px}.intro--banner button .btn-background{z-index:-1;background-color:#393c4c;height:100%;transition:left .2s ease-in-out;position:absolute;top:0;left:23px;right:0}.intro--banner button:hover .btn-background{left:0}.intro--banner button:focus{outline:none}.intro--banner button svg{fill:#fff;width:15px;position:relative;left:5px}.svg_caricature{pointer-events:none;background-repeat:no-repeat;background-size:cover;width:380px;height:380px;display:none;bottom:21px;right:15px;overflow:hidden;position:absolute!important}.intro--skills{justify-content:center;align-items:center;margin-top:5px;display:flex}.skills-wrapper{display:inherit;opacity:.55;filter:url(#goo);justify-content:space-between;width:900px;position:relative}.skills-wrapper .mr_blob{z-index:-1;filter:blur(15px);background:#2a2a2a;width:45px;height:45px;transition:left .5s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #2a2a2a}.skills-wrapper>div{width:100px;height:100px;transition:all .5s ease-in-out;display:block;position:relative}.skills-wrapper>div img{width:100px;max-width:100px;transition:all .25s ease-in-out .25s}.skills-wrapper .icon-fa{text-align:center;background:#333;border-radius:60px 10px 60px 60px;max-width:90%;margin:5px auto;font-size:55px}.skills-wrapper>div span{color:#d5d5d5;background:#2a2a2a;height:0;font-size:14px;transition:all .3s ease-in-out;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%)translateY(-50%)}.skills-wrapper>div:hover span{border-radius:2px;height:22px;padding:3px 5px;box-shadow:0 1px 4px #000}.skills-wrapper>div:first-child:hover~.mr_blob{left:5%}.skills-wrapper>div:nth-child(2):hover~.mr_blob{left:20%}.skills-wrapper>div:nth-child(3):hover~.mr_blob{left:35%}.skills-wrapper>div:nth-child(4):hover~.mr_blob{left:50%}.skills-wrapper>div:nth-child(5):hover~.mr_blob{left:65%}.skills-wrapper>div:nth-child(6):hover~.mr_blob{left:80%}.skills-wrapper>div:nth-child(7):hover~.mr_blob{left:95%}#svg_goo{display:none}@media (width<=767px){.intro--skills{display:none}}.intro--options>div:hover img{-webkit-opacity:.95;-moz-opacity:.95;opacity:.95;transform:scale(.9)}.intro--options>div span{color:#888;background:#222;height:0;font-size:12px;transition:all .2s ease-in-out;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%)translateY(-50%)}.intro--options>div:hover span{border-radius:2px;height:18px;padding:3px 5px;box-shadow:0 1px 4px #000}.intro--options h3{text-transform:uppercase;font-size:16px}.intro--options p{margin-bottom:0}@media (width<=900px){.intro--banner{height:380px}.intro--banner h1{font-size:55px}.svg_caricature{right:0}.intro--options>a{margin-right:30px}.intro--options>a:last-child{margin-right:0}}@media (width<=767px){.intro--banner{height:305px}.intro--banner span.myname{margin-top:0}.intro--banner button{position:relative;bottom:0;right:0}.svg_caricature{display:none!important}.intro--banner:before,.intro--banner:after,.intro--options{display:none}.intro--options>a{max-width:100%;margin:0 0 30px;display:block}.intro--options>a:last-child{margin-bottom:0}}@media (width<=600px){.intro--banner{height:360px}.intro--banner h1{font-size:55px}}@media (width<=600px) and (height<=750px){.intro--banner{height:auto}.intro--banner:before,.intro--banner:after{display:none}.intro--banner h1{margin-top:0}.intro--options{display:none}}.background{flex-direction:column;justify-content:center;width:900px;max-width:80%;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width<=1180px){.background{max-width:100%}}.background .background-wrapper{flex-flow:row-reverse;align-items:center;width:calc(100% + 360px);transition:transform .5s ease-in-out;display:flex;transform:translate(-360px)}.background .background-wrapper .background-logo-wrapper{flex:1;padding-left:1rem}.background .background-wrapper .background-content-wrapper{box-sizing:border-box;flex-direction:column;flex-basis:360px;justify-content:center;padding-right:2rem;display:flex}.background .background-wrapper .background-content-wrapper>div{display:none}.background .background-wrapper .background-content-wrapper .content-logo img{border-radius:50%;max-width:80px}@media screen and (width<=767px){.background .background-wrapper .background-content-wrapper .content-logo img{max-width:50px}}.background .background-wrapper .background-content-wrapper h2{text-transform:none;margin:1.5rem 0 .5rem;font-size:2rem;line-height:1.2}.background .background-wrapper .background-content-wrapper h3{color:#4b6b89;margin:0 0 1rem;font-size:1.5rem;font-weight:300;line-height:1.2}.background .background-wrapper .background-content-wrapper ul{margin:2.5rem 0;padding-left:20px;list-style-type:square}.background .background-wrapper .background-content-wrapper p{color:gray;font-style:italic}.background .background-wrapper .content-close{background:#000;border:2px solid #fff;margin:1rem 0 0;padding:.5rem;font-size:1rem}@media screen and (width>=768px){.background .background-wrapper .content-close{display:none}}.background h2{text-transform:lowercase;margin:2rem 0 1.5rem;font-size:68px;font-weight:900;line-height:1;position:relative}@media screen and (width<=767px){.background h2{font-size:36px}}.background h2 span{font-size:1.5em;line-height:0}.background .background-employment .logo-wrapper,.background .background-education .logo-wrapper{flex-flow:wrap;gap:.5rem;display:flex}.background .background-employment .logo-wrapper>div,.background .background-education .logo-wrapper>div{z-index:1;flex-basis:13.5%;transition:z-index .3s ease-in-out}.background .background-employment .logo-wrapper>div:hover,.background .background-education .logo-wrapper>div:hover{z-index:2}.background .background-employment .logo-wrapper>div img,.background .background-education .logo-wrapper>div img{filter:grayscale();max-width:100%;transition:all .3s ease-in-out;transform:scale(1)}.background .background-employment .logo-wrapper>div img:hover,.background .background-education .logo-wrapper>div img:hover{cursor:pointer;filter:grayscale(0);transform:scale(1.15)}.background .background-wrapper:not(.background-content-visible) .background-employment h2{transition:left .7s ease-in-out;left:-100vw}.section--is-active .background .background-wrapper:not(.background-content-visible) .background-employment h2{left:0}.background .background-wrapper:not(.background-content-visible) .background-education h2{transition:right .7s ease-in-out;right:-100vw}.section--is-active .background .background-wrapper:not(.background-content-visible) .background-education h2{right:0}.background .background-content-visible{transform:translate(0)}.background .background-content-visible .background-logo-wrapper{cursor:pointer;opacity:.2}.background .background-content-visible .logo-wrapper{pointer-events:none}.work{flex-direction:column;justify-content:center;width:1024px;max-width:80%;height:100%;margin:0 auto;display:flex;position:relative}.work h2{text-align:center;margin:0;font-size:30px}.work .projects{flex-direction:column;gap:2rem;display:flex}.work .projects .projects-wrapper{align-items:center;min-height:450px;display:flex;position:relative}@media screen and (width<=767px){.work .projects .projects-wrapper{align-items:center;min-height:calc(100vh - 230px);display:flex}}.work .project-item{pointer-events:none;opacity:0;align-items:center;gap:3rem;transition:opacity .5s ease-in-out;display:flex;position:absolute}@media screen and (width<=767px){.work .project-item{flex-direction:column;gap:0}}.work .project-item.slide-visible{opacity:1;pointer-events:auto}.work .project-item--media{flex:1}.work .project-item--media .project-item--image a{display:block}.work .project-item--media .project-item--image img{box-sizing:border-box;border:14px solid #222;max-width:100%}@media screen and (width<=479px){.work .project-item--media{display:none}}.work .project-item--desc{flex-basis:280px}.work .project-item--desc h3{margin:1rem 0 1.5rem;font-size:2.2rem}@media screen and (width<=767px){.work .project-item--desc h3{font-size:1.5rem}}.work .project-item--desc p{font-size:1rem}.work .project-item--desc ul{color:gray;margin:2rem 0 1rem;padding-left:20px;font-size:.9rem;font-weight:300;list-style-type:square}@media screen and (width<=767px){.work .project-item--desc ul{display:none}}.work .project-item--desc .project-item--links{margin:2rem 0}@media screen and (width<=479px){.work .project-item--desc .project-item--links{justify-content:space-between;display:flex}}.work .project-item--desc .project-item--links a{color:#36a2eb;font-size:1rem;font-weight:700;line-height:2.4;text-decoration:none;transition:color .3s ease-in-out;display:block}.work .project-item--desc .project-item--links a:hover{color:#fff}@media screen and (width<=479px){.work .project-item--desc .project-item--links a{margin:auto}}@media screen and (width<=767px){.work .project-item--desc{text-align:center}}.work .project-item--tech{flex-basis:50px}.work .project-item--tech ul{flex-flow:column wrap;justify-content:center;align-items:center;gap:1rem;padding:0;list-style:none;display:flex}@media screen and (width<=767px){.work .project-item--tech ul{flex-flow:wrap;gap:.75rem}}.work .project-item--tech ul li{text-align:center}@media screen and (width<=767px){.work .project-item--tech ul li{flex-basis:35px}}.work .project-item--tech ul li img{max-width:100%;transition:transform .3s ease-in-out;transform:scale(1)}.work .project-item--tech ul li img:hover{transform:scale(1.3)}.work .projects-nav{align-items:center;display:flex}.work .projects-nav ul{justify-content:center;gap:2rem;margin:auto;padding-left:0;list-style:none;display:flex}@media screen and (width<=479px){.work .projects-nav ul{gap:0}}.work .projects-nav ul li{flex-basis:70px;transition:bottom .75s ease-in-out;position:relative;bottom:-100vh}.work .projects-nav ul li:nth-child(2){transition-delay:50ms}.work .projects-nav ul li:nth-child(3){transition-delay:.1s}.work .projects-nav ul li:nth-child(4){transition-delay:.15s}.work .projects-nav ul li:nth-child(5){transition-delay:.2s}.section--is-active .work .projects-nav ul li{bottom:0}.work .projects-nav ul li:before{content:"";background-color:#4b6b89;width:100%;height:6px;transition:bottom .3s ease-in-out;position:absolute;bottom:0;left:0}.work .projects-nav ul li:hover:before{bottom:-11px}.work .projects-nav ul li a{display:block}.work .projects-nav ul li a img{filter:grayscale();max-width:100%;transition:all .3s ease-in-out;display:block}.work .projects-nav ul li a img:hover{filter:grayscale(0)}.work .projects-nav ul li.projects-nav--item-current:before{bottom:-11px}.work .projects-nav ul li.projects-nav--item-current img{filter:grayscale(0)}.about{flex-direction:column;justify-content:center;width:900px;max-width:75%;height:100%;margin:0 auto;display:flex;position:relative}@media (width<=1180px){.about{max-width:100%}}.about--banner{height:400px;position:relative;overflow:hidden}.about--banner:before{content:"";border:5px solid #0000;border-color:#393c4c #0000 #0000 #393c4c;position:absolute;top:20px;left:200px;transform:rotate(-25deg)}.about--banner:after{content:"";background-color:#393c4c;width:10px;height:10px;position:absolute;top:75px;left:400px;transform:rotate(45deg)}.about--banner h2{z-index:1;margin-top:35px;margin-bottom:30px;font-size:68px;font-weight:900;line-height:1;position:relative}.about--banner h2:before{content:"";background-color:#393c4c;border-radius:50%;width:25px;height:25px;position:absolute;top:65px;left:190px}.about--banner h2:after{content:"";background-color:#393c4c;width:10px;height:10px;position:absolute;top:255px;left:230px}.about--banner a{color:#fff;text-transform:uppercase;background-color:#0000;padding:5px 17px 5px 0;font-weight:700;text-decoration:none}.about--banner a:hover svg{left:10px}.about--banner a svg{fill:#fff;width:15px;transition:left .2s ease-in-out;position:relative;left:5px}.about--banner .animation-phone{transform-origin:0 100%;width:330px;transition:all .5s ease-in-out .35s;position:absolute;bottom:0;right:100px;transform:translateY(200px)rotate(90deg)}.about--banner .animation-phone img{width:100%;display:block}.section--is-active .about--banner .animation-phone{transform:translateY(0)rotate(0)!important}@media (width>=768px) and (width<=900px){.about--banner .animation-phone{right:10px}}@media (width>=601px) and (width<=767px){.about--banner .animation-phone{width:250px;right:10px}}@media (width<=600px){.about--banner .animation-phone{display:none}}.about--options{justify-content:space-between;max-width:600px;margin:0;padding:0;list-style:none;display:flex}.about--options>a{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:10px solid #1a1a1a;border-radius:2px;width:150px;height:75px;text-decoration:none;position:relative}.about--options .about--options-linkedin{background-image:url(/assets/img/featured/linkedin.png)}.about--options .about--options-github{background-image:url(/assets/img/featured/github.png)}.about--options .about--options-codepen{background-image:url(/assets/img/featured/codepen.png)}.about--options>a:hover h3{bottom:-50px}.about--options h3{text-transform:uppercase;font-size:16px;transition:bottom .2s ease-in-out,left .2s ease-in-out;position:absolute;bottom:-38px;left:10px}@media (width<=767px){.about--banner{height:305px}.about--banner:before{top:0;left:125px}.about--banner:after{top:35px;left:260px}.about--banner h2{margin-top:10px;font-size:44px}.about--banner h2:before{width:18px;height:18px;top:40px;left:123px}.about--banner h2:after{top:163px;left:150px}}@media (width<=600px){.about--banner{height:auto}.about--banner:before{left:155px}.about--banner:after{left:310px}.about--banner h2{margin-top:0;font-size:55px}.about--banner h2:before{top:55px;left:155px}.about--banner h2:after{top:205px;left:185px}.about--options{margin-top:10px}.about--options h3{font-size:11px;left:0}}.contact{z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}#map-canvas{z-index:0;width:150%;height:150%;position:absolute;top:-25%;left:-25%}@media (width<=767px){#map-canvas{display:none}}.contact--lockup{perspective:1000px;justify-content:flex-end;align-items:center;width:900px;max-width:75%;height:100%;margin:0 auto;display:flex;position:relative}@media (width<=1180px){.contact--lockup{max-width:90%}}@media (width<=767px){.contact--lockup{justify-content:center}}.contact--lockup .modal{text-align:center;transform-origin:100%;background-color:#1e1e1e;padding:45px;transition:all .75s ease-in-out;transform:rotateY(120deg);box-shadow:-15px 15px 10px #00000040}@media screen and (width<=767px){.contact--lockup .modal{box-shadow:none;background-color:#0000;padding:45px 20px;font-size:1rem}}.section--is-active .contact--lockup .modal{transform:rotateY(0)}.contact--lockup .modal--information p,.contact--lockup .modal--information a{color:#fff;margin:14px 0;font-weight:700;text-decoration:none;display:block}.contact--lockup .modal--information a:hover{text-decoration:underline}.contact--lockup .modal--information p{margin-top:0}.contact--lockup .modal--experience{margin:1.5rem 0 0}.contact--lockup .modal--experience>div{width:100%;margin:.75rem 0 0;position:relative}.contact--lockup .modal--experience .modal--experience-heading{color:#000;background:#555;width:100%;margin:5px 0;font-size:12px}@media screen and (width<=767px){.contact--lockup .modal--experience .modal--experience-heading{font-size:14px}}.contact--lockup .modal--experience .fab{cursor:pointer;margin:5px;font-size:28px}.contact--lockup .modal--experience .fas{cursor:pointer;margin:5px;font-size:24px}.contact--lockup .modal--experience i:hover{color:#4b6b89}.contact--lockup .modal--projects{max-width:215px}@media screen and (width<=767px){.contact--lockup .modal--projects{max-width:100%}}.contact--lockup .modal--projects p{margin-bottom:0}.contact--lockup .modal--projects p a{color:#fff}.contact--lockup .modal--options{margin:0;padding:0;list-style:none}.contact--lockup .modal--options>li{width:130px;margin:0 auto 20px}.contact--lockup .modal--options li:first-child{background-color:#24292e}.contact--lockup .modal--options li:nth-child(2){background-color:#393c4c}.contact--lockup .modal--options li:nth-child(3){background-color:#1769ff;margin-bottom:0}.contact--lockup .modal--options a{color:#fff;width:100%;padding:8px 0;font-weight:700;text-decoration:none;display:block}.contact--lockup .modal--options a .fa{width:0;transition:all .2s linear;position:relative;top:2px;overflow:hidden}.contact--lockup .modal--options a:hover .fa{width:20px}.contact--lockup .modal--options a span{transition:all .2s linear}.contact--lockup .modal--options a:hover span{margin-left:3px}.hire{flex-direction:column;justify-content:center;width:720px;max-width:75%;height:100%;margin:0 auto;display:flex;position:relative}@media (width<=1180px){.hire{max-width:100%}}.hire h2{text-align:center;margin:0 0 30px;font-size:30px}@media (width<=700px){.hire h2{font-size:20px}}@media (width<=600px){.hire h2{margin:50px 0 0;font-size:18px}}.work-request{color:#fff;flex-direction:column;align-items:center;width:100%;display:flex}.work-request input[type=submit]{text-transform:uppercase;backface-visibility:hidden;background-color:#393c4c;border:none;border-radius:0;width:400px;max-width:100%;font-size:16px;font-weight:700;line-height:50px;transition:background-color .35s ease-in-out,width .5s ease-in-out,color .3s ease-in-out;transform:translate(0,0)}.work-request input[type=submit]:focus{outline:none}.work-request.btn-loading input[type=submit]{color:#0000;width:50px;animation:.75s linear .5s infinite spin}.work-request input[type=submit].error-response{background-color:#c12f2f;animation:.5s ease-in-out forwards shake}.work-request input[type=submit].success-response{background-color:#37a94a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0,0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.work-request--options{flex-direction:column;align-items:center;width:100%;margin:30px 0;display:flex}.work-request--options .options-a{justify-content:space-between;width:100%;display:flex}.work-request--options .options-b{flex-wrap:wrap;justify-content:space-around;width:72%;display:flex}.work-request--options label{text-align:center;cursor:pointer;border:2px solid #fff;width:200px;margin-bottom:30px;font-size:16px;font-weight:700;line-height:50px;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:block}.work-request--options label svg{fill:#fff;width:0;transition:width .2s ease-in-out;position:relative;left:-5px}.work-request--options input[type=checkbox]{display:none}.work-request--options input[type=checkbox]:checked+label{background-color:#393c4c;border-color:#393c4c}.work-request--options input[type=checkbox]:checked+label svg{width:15px}.work-request--information{justify-content:space-between;width:100%;margin-bottom:60px;display:flex}.work-request--information .information-name,.work-request--information .information-email{width:45%;height:50px;font-size:30px;font-weight:300;position:relative}.work-request--information input[type=text],.work-request--information input[type=email]{background-color:#0000;border:none;border-bottom:1px solid #fff;border-radius:0;width:100%;padding:0 0 5px}.work-request--information input[type=text]::selection{background:#4b6b89}.work-request--information input[type=email]::selection{background:#4b6b89}.work-request--information input[type=text]:focus,.work-request--information input[type=email]:focus{outline:none}.work-request--information label{pointer-events:none;transition:top .2s ease-in-out,font-size .2s ease-in-out;position:absolute;top:0;left:0}.work-request--information input:focus+label,.work-request--information input.has-value+label{font-size:14px;top:-15px}@media (width<=767px){.work-request--options{flex-direction:row;justify-content:space-around}.work-request--options .options-a,.work-request--options .options-b{width:auto;display:block}}@media (width<=600px){.work-request--options{margin:20px 0}}@media (width<=600px) and (width<=415px){.work-request--options{justify-content:space-between}}@media (width<=600px){.work-request--options label{width:150px;margin-bottom:15px;font-size:14px}.work-request--options input[type=checkbox]:checked+label svg{width:12px}.work-request--information{margin-bottom:30px}.work-request--information .information-name,.work-request--information .information-email{height:40px;font-size:24px}}.perspective{z-index:1;width:100%;height:100%;position:relative;overflow:hidden;transform:translate(100vw)}.perspective--modalview{perspective:1500px;position:fixed}.container{background:linear-gradient(to bottom right,#fff 50%,#0b0b0b 0) 100% 100%/200vw 200vh;outline:30px solid #393c4c;min-height:100%;transition:background-color .4s,background-position .6s ease-in-out,transform .4s;position:relative;transform:translateZ(0)translate(0)rotateY(0)}.modalview .container{backface-visibility:hidden;width:100%;height:100%;position:absolute;overflow:hidden}.effect-rotate-left .container{transform-origin:0%}.effect-rotate-left--animate .container{outline:30px solid #393c4c;transform:translateZ(-1800px)translate(-50%)rotateY(45deg)}.outer-nav{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;text-align:center;visibility:hidden;z-index:12;pointer-events:none;margin:0;padding:0;list-style:none;transition:visibility 0s .2s;position:absolute;top:50%;left:55%;transform:translateY(-50%)}.outer-nav.is-vis{visibility:visible;pointer-events:auto}.outer-nav--return{cursor:pointer;z-index:11;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.outer-nav--return.is-vis{display:block}.outer-nav>li{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;opacity:0;cursor:pointer;font-size:55px;font-weight:900;transition:transform .2s,opacity .2s;transform:translate(350px)translateZ(-1000px)}.outer-nav>li.is-vis{opacity:1;transition:transform .4s,opacity .4s;transform:translate(0)translateZ(0)}.outer-nav>li:before{content:"";opacity:0;background-color:#393c4c;width:110%;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-25%)}.outer-nav>li.is-active:before{opacity:1}@media (width<=767px){.outer-nav>li{font-size:44px}}@media (width<=600px){.outer-nav>li{font-size:34px}}.outer-nav li.is-vis:nth-child(2){transition-delay:40ms}.outer-nav li.is-vis:nth-child(3){transition-delay:80ms}.outer-nav li.is-vis:nth-child(4){transition-delay:.12s}.outer-nav li.is-vis:nth-child(5){transition-delay:.16s}.outer-nav li.is-vis:nth-child(6){transition-delay:.2s}@media (width<=400px){.intro--banner h1,.about--banner h2{font-size:40px}.work h2{font-size:26px}.work--lockup .slider--item-center .slider--item-image{width:160px;height:160px}.about--banner h2:before{width:14px;height:14px;top:39px;left:113px}.about--banner h2:after{top:147px;left:136px}.work-request--options label{width:135px;font-size:12px;line-height:40px}}.preloaded_images{display:none}.glitch-text{animation:2.5s infinite glitch1;position:relative}.glitch-text:before{content:"phone";color:#67f3da;animation:2.5s infinite glitch2;position:absolute}.glitch-text:after{content:"phone";color:#f16f6f;animation:2.5s infinite glitch3;position:absolute}.glitch-text span{color:#fff;position:absolute}@keyframes glitch1{0%{opacity:1;transform:none}7%{opacity:.75;transform:skew(-.5deg,-.9deg)}10%{opacity:1;transform:none}27%{opacity:1;transform:none}30%{opacity:.75;transform:skew(.8deg,-.1deg)}35%{opacity:1;transform:none}52%{opacity:1;transform:none}55%{opacity:.75;transform:skew(-1deg,.2deg)}50%{opacity:1;transform:none}72%{opacity:1;transform:none}75%{opacity:.75;transform:skew(.4deg,1deg)}80%{opacity:1;transform:none}to{opacity:1;transform:none}}@keyframes glitch2{0%{opacity:.25;transform:none}7%{opacity:.5;transform:translate(-2px,-3px)}10%{opacity:.25;transform:none}27%{opacity:.25;transform:none}30%{opacity:.5;transform:translate(-5px,-2px)}35%{opacity:.25;transform:none}52%{opacity:.25;transform:none}55%{opacity:.5;transform:translate(-5px,-1px)}50%{opacity:.25;transform:none}72%{opacity:.25;transform:none}75%{opacity:.5;transform:translate(-2px,-6px)}80%{opacity:.25;transform:none}to{opacity:.25;transform:none}}@keyframes glitch3{0%{opacity:.25;transform:none}7%{opacity:.5;transform:translate(2px,3px)}10%{opacity:.25;transform:none}27%{opacity:.25;transform:none}30%{opacity:.5;transform:translate(5px,2px)}35%{opacity:.25;transform:none}52%{opacity:.25;transform:none}55%{opacity:.5;transform:translate(5px,1px)}50%{opacity:.25;transform:none}72%{opacity:.25;transform:none}75%{opacity:.5;transform:translate(2px,6px)}80%{opacity:.25;transform:none}to{opacity:.25;transform:none}}.gamer{display:inline-block;position:relative}.gamer:before,.gamer:after{content:attr(data-text);color:#ddd;clip:rect(0, 0, 0, 0);width:100%;position:absolute;top:0;left:0}.gamer:before{text-shadow:2px 0 #00f;animation:3s linear infinite alternate-reverse glitch-anim-2;left:-1px}.gamer:after{text-shadow:-1px 0 red;animation:2s linear infinite alternate-reverse glitch-anim-1;left:1px}@keyframes glitch-anim-1{0%{clip:rect(57px, 1084px, 12px, 0)}5.88235%{clip:rect(73px, 1084px, 56px, 0)}11.7647%{clip:rect(16px, 1084px, 92px, 0)}17.6471%{clip:rect(21px, 1084px, 115px, 0)}23.5294%{clip:rect(45px, 1084px, 104px, 0)}29.4118%{clip:rect(30px, 1084px, 66px, 0)}35.2941%{clip:rect(108px, 1084px, 76px, 0)}41.1765%{clip:rect(68px, 1084px, 71px, 0)}47.0588%{clip:rect(1px, 1084px, 68px, 0)}52.9412%{clip:rect(1px, 1084px, 40px, 0)}58.8235%{clip:rect(113px, 1084px, 19px, 0)}64.7059%{clip:rect(83px, 1084px, 87px, 0)}70.5882%{clip:rect(95px, 1084px, 61px, 0)}76.4706%{clip:rect(88px, 1084px, 81px, 0)}82.3529%{clip:rect(30px, 1084px, 55px, 0)}88.2353%{clip:rect(87px, 1084px, 60px, 0)}94.1176%{clip:rect(71px, 1084px, 38px, 0)}to{clip:rect(80px, 1084px, 37px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(99px, 1084px, 1px, 0)}5.88235%{clip:rect(44px, 1084px, 30px, 0)}11.7647%{clip:rect(49px, 1084px, 58px, 0)}17.6471%{clip:rect(29px, 1084px, 74px, 0)}23.5294%{clip:rect(8px, 1084px, 57px, 0)}29.4118%{clip:rect(87px, 1084px, 95px, 0)}35.2941%{clip:rect(105px, 1084px, 62px, 0)}41.1765%{clip:rect(48px, 1084px, 68px, 0)}47.0588%{clip:rect(3px, 1084px, 54px, 0)}52.9412%{clip:rect(28px, 1084px, 69px, 0)}58.8235%{clip:rect(75px, 1084px, 44px, 0)}64.7059%{clip:rect(23px, 1084px, 13px, 0)}70.5882%{clip:rect(64px, 1084px, 34px, 0)}76.4706%{clip:rect(20px, 1084px, 84px, 0)}82.3529%{clip:rect(91px, 1084px, 4px, 0)}88.2353%{clip:rect(29px, 1084px, 43px, 0)}94.1176%{clip:rect(41px, 1084px, 18px, 0)}to{clip:rect(67px, 1084px, 40px, 0)}}.willchange{will-change:transform}.preloader.loaded{transition:transform 1.2s ease-in-out;transform:translate(-100vw)}.perspective.loaded{transition:transform 1.2s ease-in-out;transform:translate(0)}.preloader .canvas{width:100px;transition:transform 1.2s;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)rotate(0)}.preloader .canvas.loaded{transform:translate(-50%)translateY(-50%)rotate(-360deg)}.preloader .canvas svg{max-width:100%}.preloader #path3704{stroke:#4b6b89;stroke-dasharray:107;fill:#0000;transition:fill .5s ease-in,stroke .5s ease-out;animation:2s linear infinite dash}.preloader #path3706{stroke:#4b6b89;stroke-dasharray:79;fill:#0000;transition:fill .5s ease-in,stroke .5s ease-out;animation:2s linear infinite dash2}.preloader #path3712,.preloader #path3714{stroke:#4b6b89;stroke-dasharray:23;fill:#070707;animation:2s linear infinite dash3}.svg-success{fill:#4b6b89!important}.svg-clear-lines{stroke:#0000!important}@keyframes dash{0%{stroke-dashoffset:215px}50%{stroke-dashoffset:107px}}@keyframes dash2{0%{stroke-dashoffset:158px}50%{stroke-dashoffset:79px}}@keyframes dash3{0%{stroke-dashoffset:46px}50%{stroke-dashoffset:23px}}@media (width<=479px){.section>div{top:-15px}.preloader .canvas{top:45%}}body.theme-light{color:#000;background-color:#f5f5f5}body.theme-light .outer-nav>li{color:#000}body.theme-light .outer-nav>li:before{background-color:#4b6b89}body.theme-light .container{background-position:0 0}body.theme-light .contact--lockup .modal{background-color:#fff}body.theme-light .header--nav-toggle,body.theme-light .header--cta{background-color:#000}body.theme-light .header--cloud .fa-cloud,body.theme-light .intro--banner-text,body.theme-light .side-nav>li,body.theme-light .side-nav>li:before,body.theme-light .side-nav>li span,body.theme-light .side-nav li.is-active:before,body.theme-light .modal--information p,body.theme-light .modal--information a,body.theme-light .modal--projects p a,body.theme-light .work-request,body.theme-light .about--banner a{color:#000}body.theme-light .about--banner a svg{fill:#000}body.theme-light .skills-wrapper{opacity:.7}body.theme-light .skills-wrapper .icon-fa{color:#fff}body.theme-light .skills-wrapper>div span{background:#000}body.theme-light .intro--banner button{color:#fff}body.theme-light .intro--banner button .btn-background{left:0}body.theme-light .project-item--links a:hover{color:#000!important}body.theme-light .about--options>a{color:#000;border-color:#ddd}body.theme-light .logo-wrapper img,body.theme-light .projects-nav a{outline:1px solid #aaa}body.theme-light .background-wrapper .content-close{color:#fff}body.theme-light .modal--experience .modal--experience-heading{background-color:#0000}body.theme-light .work-request--options label,body.theme-light .work-request--information input[type=text],body.theme-light .work-request--information input[type=email]{border-color:#000}body.theme-light .work-request--options input[type=checkbox]:checked+label{color:#fff;background-color:#000;border-color:#000}body.theme-light .work-request input[type=submit]{color:#fff}