@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:200,400");@font-face{font-family:RESIN;src:url(../fonts/RESIN-Regular.woff) format("woff"),url(../fonts/RESIN-Regular.ttf) format("truetype")}*,:after,:before{box-sizing:border-box;text-rendering:optimizeSpeed}body{height:100vh;position:relative;font-family:Source Code Pro,monospace,sans-serif;font-size:1em;line-height:1.5;background:#f8f8f2;color:#272727;overflow:hidden}a,body{font-weight:200}a{text-decoration:none;-webkit-tap-highlight-color:transparent;color:inherit;padding:1em 0}a:hover{cursor:pointer}h1,h2,h3,h4,h5,h6,p,span{padding:.5em 0}span{font-size:.75em}@media only screen and (min-width:768px){span{font-size:1em}}main{height:100vh;position:relative}.cursor,main.hide{display:none}.cursor{position:fixed;left:0;top:0;pointer-events:none}@media only screen and (min-width:768px){.cursor{display:block}}.cursor--small{display:none;width:20px;height:20px;left:-10px;top:-10px;border-radius:50%;z-index:99;background:rgba(60,252,129,.25);mix-blend-mode:luminosity}@media only screen and (min-width:768px){.cursor--small{display:block}}.cursor--canvas{width:100vw;height:100vh;z-index:100}.loader-text{font-size:.85em}@media only screen and (min-width:768px){.loader-text{font-size:1.2em}}@media only screen and (min-width:1440px){.loader-text{font-size:1.5em}}.loader-gif{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@media only screen and (min-width:768px){.loader-gif{top:50%}}.loader{width:100vw;height:100vh;background:#272727;z-index:99;position:fixed;top:0;left:0}.loader p{opacity:0;font-size:75%;color:#a8a8a8}@media only screen and (min-width:768px){.loader p{font-size:100%}}@media only screen and (min-width:1440px){.loader p{font-size:150%}}.logo{position:fixed;bottom:0;right:0;height:auto;width:auto;background:transparent;z-index:3}.logo:hover{cursor:pointer}@media only screen and (min-width:768px){.logo{top:0;bottom:auto;display:block}}.logo-svg{width:150px;height:150px}.logo-svg .logo-path,.logo-svg .logo-rect,.logo-svg textPath{fill:#f8f8f2}@media only screen and (min-width:768px){.logo-svg .logo-path,.logo-svg .logo-rect,.logo-svg textPath{fill:#4d4d4d}}.logo-svg .logo-path{fill-rule:evenodd}.logo-svg .logo-circle-path{fill:none;stroke-miterlimit:10;opacity:.65;isolation:isolate;stroke:url(#logo-gradient-stroke);transform-origin:center;transform:scale(1.2)}.logo-svg text{font-size:18px;font-family:RESIN,sans-serif;letter-spacing:8px;will-change:transform}@media only screen and (min-width:768px){.logo-svg text{display:flex}}aside{display:none;align-items:center;position:absolute;top:-55px;left:-101px;transform:translateY(150px) rotate(90deg);z-index:3;font-size:12px;font-family:RESIN,sans-serif;letter-spacing:2px;color:#272727}@media only screen and (min-width:768px){aside{display:flex}}aside:nth-of-type(2){transform:translateY(444px) rotate(90deg)}aside:nth-of-type(3){transform:translateY(737px) rotate(90deg)}aside .globe-icon-svg{width:25px;height:25px;position:absolute;top:0;left:-38px;transform:rotate(45deg);-webkit-animation-name:full-rotation;animation-name:full-rotation;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}aside .border-gradient-svg{width:27px;height:245px;position:absolute;top:50%;right:0;transform:translate(-107px,-50%) rotate(90deg)}aside a{display:block;padding:0;overflow:hidden}aside .email-cta{display:block;position:relative;font-size:18px;padding:0;-webkit-animation-name:marquee;animation-name:marquee;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}aside .email-cta:after{content:attr(data-label);position:absolute;left:0;top:0;display:block;transform:translateX(110%)}footer{width:auto;height:auto;display:flex;align-items:center;position:fixed;bottom:70px;left:0;font-size:12px;font-family:RESIN,sans-serif;letter-spacing:2px;z-index:3}@media only screen and (min-width:768px){footer{width:100%;justify-content:center;bottom:0}}footer.overview-active path{fill:#3cfc81}footer.overview-active span{color:#3cfc81}footer a{display:flex;padding:0 .5em;overflow:hidden}@media only screen and (min-width:768px){footer a{width:100px;justify-content:center;align-items:center;padding:1em}}@media only screen and (min-width:768px){footer a:hover span{display:block}}footer a span{display:none}@media only screen and (min-width:768px){footer a span{position:absolute;padding:0}}footer svg{width:25px;height:25px}footer svg.resume-svg{width:20px;height:20px}footer svg.email-svg{width:22px;height:22px}footer path{transition-property:fill;transition-duration:.5s;transition-delay:0s;transition-timing-function:cubic-bezier(.5,0,.5,1);fill:#3cfc81}@media only screen and (min-width:768px){footer path{fill:#272727}}.overview{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;color:#bec6c4;background:#272727;z-index:2;overflow-x:hidden;overflow-y:scroll;padding:0 0 150px}@media only screen and (min-width:768px){.overview{padding:75px 0 150px}}.overview::-webkit-scrollbar{-webkit-appearance:none;width:5px}.overview::-webkit-scrollbar:hover{cursor:inherit}.overview::-webkit-scrollbar-thumb{border-radius:5px;background-image:linear-gradient(45deg,rgba(253,151,31,.4),rgba(60,252,129,.4),rgba(239,225,88,.4));-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5)}.overview .overview-wipe{width:100vw;height:100vh;background:#f8f8f2;z-index:2;position:fixed;top:0;left:0}.overview-main{width:90%;margin:0 auto}@media only screen and (min-width:768px){.overview-main{width:70%;margin:20px auto}}.overview-heading{font-size:24px;font-family:RESIN,sans-serif;text-transform:uppercase}@media only screen and (min-width:768px){.overview-heading{font-size:38px}}.overview-heading h3{font-family:Source Code Pro,monospace,sans-serif;text-transform:none;font-size:14px}.overview-heading h4{font-size:18px}.overview-heading details a{display:block;font-size:14px;font-family:Source Code Pro,monospace,sans-serif}.overview-heading .inquiries{padding:0 0 150px}.skip-control{display:none;justify-content:center;align-items:center;position:absolute;bottom:10px;right:15px;border-radius:24px;z-index:1;padding:10px 20px}.skip-control:hover{cursor:pointer}@media only screen and (min-width:768px){.skip-control{display:flex}}.skip-control p{color:#3cfc81;font-size:12px;padding:0 10px 0 0}.skip-control svg{width:15px}.wrap{height:100%;width:100%;position:relative;margin:0 auto;border-radius:0;background-color:#272727;overflow-y:overlay;transition-property:width,height;transition-duration:.25s;transition-delay:0s;transition-timing-function:cubic-bezier(.5,0,.5,1);will-change:width,height}@media only screen and (min-width:768px){.wrap{height:50%;width:50%;border-radius:5px}}.wrap::-webkit-scrollbar{-webkit-appearance:none;width:10px}.wrap::-webkit-scrollbar:hover{cursor:inherit}.wrap::-webkit-scrollbar-thumb{border-radius:5px;background-image:linear-gradient(45deg,rgba(253,151,31,.4),rgba(60,252,129,.4),rgba(239,225,88,.4));-webkit-box-shadow:0 0 1px hsla(0,0%,100%,.5)}.wrap.gooey{background:url(../img/gooey.gif);background-repeat:no-repeat;background-size:cover}.wrap.false-password{background:url(../img/false.gif);background-repeat:no-repeat;background-size:100%;background-position:50%}.fixed-nav .top-bar{border-radius:0 0 5px 5px;height:2em;background-image:linear-gradient(45deg,rgba(253,151,31,.4),rgba(60,252,129,.4),rgba(239,225,88,.4));position:fixed;top:0}.top-bar{height:35px;min-width:100%;background-color:rgba(190,198,196,.1);border-radius:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 10px;z-index:1;transition-property:border-radius,height,box-shadow;transition-duration:0s,.25s,.5s;transition-delay:0s;transition-timing-function:cubic-bezier(.5,0,.5,1);will-change:border-radius,height,box-shadow}@media only screen and (min-width:768px){.top-bar{border-radius:5px 5px 0 0}}.top-bar .circle{height:10px;width:10px;border-radius:50%;margin:0 3px}.top-bar .red-circle{background-color:#ff6d67}.top-bar .yellow-circle{background-color:#fefb67}.top-bar .green-circle{background-color:#5ff967}.top-bar a{cursor:pointer;margin-left:15px;color:#f8f8f2;font-size:.5em;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (min-width:768px){.top-bar a{position:absolute;left:50%;transform:translateX(-50%);margin-left:0}}.inner-wrap{width:100%;height:auto;padding:0 .5em;margin-top:1em}.heading{text-transform:uppercase;color:#bec6c4;font-weight:400;font-size:85%}@media only screen and (min-width:768px){.heading{font-size:100%}}.heading:before{display:inline;content:"/*** "}.heading:after{display:inline;content:" ***/"}.note{color:#bec6c4;font-size:.5em}.code-line{text-transform:lowercase;color:#bec6c4}.code-line:before{display:inline;content:"☁ portfolio [master] ⚡ ";color:#3cfc81;font-size:.8em}.code-line:after{display:inline;content:" "}.array{color:#fd971f}.array:before{content:"[ "}.array:after,.array:before{display:inline;color:#bec6c4}.array:after{content:" ];"}.comment{white-space:nowrap;overflow:hidden;text-transform:uppercase;color:#bec6c4;max-width:100%}.comment:before{content:"// "}.comment:after{content:" ------------------------------------------------------------------------------";max-width:500px}.string{color:#efe158}.string:after,.string:before{content:'"'}.vars{color:#ae81ff}.vars:before{display:inline;content:"var ";color:#4bfffc}.vars:after{display:inline;content:" = ";color:#ec007c}.backtics{color:#efe158}.backtics:before{display:inline;content:"` ";color:#efe158}.backtics:after{display:inline;content:" `;";color:#efe158}.backtics .var{color:#bec6c4}.backtics .var:before{display:inline;content:"${ ";color:#bec6c4}.backtics .var:after{display:inline;content:" }";color:#bec6c4}.let{color:#ae81ff}.let:before{display:inline;content:"let ";color:#4bfffc}.let:after{display:inline;content:" = ";color:#ec007c}.secret-key{-webkit-animation:flicker 3s linear infinite;animation:flicker 3s linear infinite}.tunes{-webkit-animation:flicker-less 3s linear infinite;animation:flicker-less 3s linear infinite}@-webkit-keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-110%)}}@-webkit-keyframes full-rotation{0%{transform:rotateX(0)}to{transform:rotateX(1turn)}}@keyframes full-rotation{0%{transform:rotateX(0)}to{transform:rotateX(1turn)}}@-webkit-keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{color:hsla(0,0%,100%,.9);text-shadow:-1px -1px 0 hsla(0,0%,100%,.3),1px -1px 0 hsla(0,0%,100%,.3),-1px 1px 0 hsla(0,0%,100%,.3),1px 1px 0 hsla(0,0%,100%,.3),0 -2px 8px,0 0 2px,0 0 5px #ff7e00,0 0 15px #f44,0 0 2px #ff7e00,0 2px 3px #000}20%,21.999%,63%,63.999%,65%,69.999%{color:hsla(0,0%,100%,.3);text-shadow:none}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{color:hsla(0,0%,100%,.9);text-shadow:-1px -1px 0 hsla(0,0%,100%,.3),1px -1px 0 hsla(0,0%,100%,.3),-1px 1px 0 hsla(0,0%,100%,.3),1px 1px 0 hsla(0,0%,100%,.3),0 -2px 8px,0 0 2px,0 0 5px #ff7e00,0 0 15px #f44,0 0 2px #ff7e00,0 2px 3px #000}20%,21.999%,63%,63.999%,65%,69.999%{color:hsla(0,0%,100%,.3);text-shadow:none}}@-webkit-keyframes flicker-less{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{color:hsla(0,0%,100%,.9);text-shadow:-1px -1px 0 hsla(0,0%,100%,.3),1px -1px 0 hsla(0,0%,100%,.3),-1px 1px 0 hsla(0,0%,100%,.3),1px 1px 0 hsla(0,0%,100%,.3),0 -2px 8px,0 0 2px,0 0 5px #3cfc81,0 0 15px #ae81ff,0 0 2px #3cfc81,0 2px 3px #000}20%,21.999%,63%,63.999%,65%,69.999%{color:hsla(0,0%,100%,.3);text-shadow:none}}@keyframes flicker-less{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{color:hsla(0,0%,100%,.9);text-shadow:-1px -1px 0 hsla(0,0%,100%,.3),1px -1px 0 hsla(0,0%,100%,.3),-1px 1px 0 hsla(0,0%,100%,.3),1px 1px 0 hsla(0,0%,100%,.3),0 -2px 8px,0 0 2px,0 0 5px #3cfc81,0 0 15px #ae81ff,0 0 2px #3cfc81,0 2px 3px #000}20%,21.999%,63%,63.999%,65%,69.999%{color:hsla(0,0%,100%,.3);text-shadow:none}}.kbd-toggle-container{height:70px;position:relative;display:flex;align-items:center}.kbd-toggle-container .kbd-init-message{position:absolute;left:120px;color:#a8a8a8;opacity:0;visibility:hidden;display:none}.kbd-toggle-container input[type=checkbox]{position:absolute;-webkit-appearance:none;height:40px;width:80px;border:5px solid #ececec;box-shadow:-7px -7px 15px hsla(0,0%,100%,.65),7px 7px 15px rgba(70,70,70,.12),inset -7px -7px 15px hsla(0,0%,100%,.65),inset 7px 7px 15px rgba(70,70,70,.12);outline:none;cursor:pointer;left:15px;border-radius:40px}.kbd-toggle-container input[type=checkbox]:before{content:"";height:25px;width:25px;position:absolute;left:3px;top:50%;transform:translateY(-50%);background-color:#ff6d67;box-shadow:-7px -7px 15px hsla(0,0%,100%,.75),7px 7px 15px rgba(70,70,70,.12);border-radius:50%;margin:0;transition-property:transform,background-color;transition-duration:.25s;transition-delay:0s;transition-timing-function:cubic-bezier(.5,0,.5,1);will-change:transform,background-color}.kbd-toggle-container input[type=checkbox]:checked:before{transform:translate(40px,-50%);background-color:#3cfc81}.keyboard-wrap{display:none;min-height:50%;width:50%;max-width:550px;flex-direction:column;justify-content:flex-start;margin:2em auto 0}@media only screen and (min-width:768px){.keyboard-wrap{display:flex}}.keyboard-wrap .keyboard-wrap-bottom,.keyboard-wrap .keyboard-wrap-middle,.keyboard-wrap .keyboard-wrap-top{width:100%;height:auto;display:flex;justify-content:center}.keyboard-wrap.keyboard-active .key{color:rgba(39,39,39,.1);background-color:#f8f8f2;box-shadow:5px 5px 10px rgba(0,0,0,.15),-5px -5px 10px hsla(0,0%,100%,.85)}.keyboard-wrap .key{margin:.25rem;border-radius:.5rem;width:2rem;text-align:center;color:#fff;background:rgba(39,39,39,.1);box-shadow:0 0 .25rem rgba(39,39,39,.1);transition-property:transform,box-shadow,color,background-color;transition-duration:.25s;transition-delay:0s;transition-timing-function:cubic-bezier(.5,0,.5,1);will-change:transform,box-shadow}.keyboard-wrap .key.key-pressed{transform:scale(1.1);box-shadow:5px 5px 5px rgba(0,0,0,.05),-5px -5px 5px hsla(0,0%,100%,.5),inset 5px 5px 5px rgba(0,0,0,.05),inset -5px -5px 5px hsla(0,0%,100%,.5)}.keyboard-wrap .key kbd{font-family:RESIN,sans-serif;display:block;font-size:1.5rem}.email:hover{cursor:pointer}.z-depth-0{box-shadow:none!important}.z-depth-1{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.z-depth-1-half{box-shadow:0 3px 3px 0 rgba(0,0,0,.14),0 1px 7px 0 rgba(0,0,0,.12),0 3px 1px -1px rgba(0,0,0,.2)}.z-depth-2{box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.3)}.z-depth-3{box-shadow:0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)}.z-depth-4{box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3)}.z-depth-5{box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.3)}.link{color:#3cfc81}.link.link-orange{color:#fd971f}.copyright{position:absolute;bottom:0;left:0;transform:translateX(-50%);font-family:RESIN,sans-serif;color:#f8f8f2;text-align:center;font-size:.4em;overflow:hidden}@media only screen and (min-width:768px){.copyright{transform:translateX(-50%) rotate(-90deg);left:unset;right:-161px;bottom:75px;font-size:18px;color:#272727;padding:0}}.copyright span{display:block;position:relative;padding:0;-webkit-animation-name:marquee;animation-name:marquee;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.copyright span:after{content:attr(data-label);position:absolute;left:0;top:0;display:block;transform:translateX(110%)}
/*# sourceMappingURL=main.min.css.map */