@font-face{font-family:Apercu;src:url(./../../assets/fonts/apercu/Apercu-Light.eot);src:url(./../../assets/fonts/apercu/Apercu-Light.eot?#iefix) format("embedded-opentype"),url(./../../assets/fonts/apercu/Apercu-Light.woff2) format("woff2"),url(./../../assets/fonts/apercu/Apercu-Light.woff) format("woff"),url(./../../assets/fonts/apercu/Apercu-Light.ttf) format("truetype"),url(./../../assets/fonts/apercu/Apercu-Light.svg#Apercu-Light) format("svg");font-weight:300;font-style:normal}@font-face{font-family:Apercu;src:url(./../../assets/fonts/apercu/Apercu-LightItalic.eot);src:url(./../../assets/fonts/apercu/Apercu-LightItalic.eot?#iefix) format("embedded-opentype"),url(./../../assets/fonts/apercu/Apercu-LightItalic.woff2) format("woff2"),url(./../../assets/fonts/apercu/Apercu-LightItalic.woff) format("woff"),url(./../../assets/fonts/apercu/Apercu-LightItalic.ttf) format("truetype"),url(./../../assets/fonts/apercu/Apercu-LightItalic.svg#Apercu-LightItalic) format("svg");font-weight:300;font-style:italic}@font-face{font-family:Apercu;src:url(./../../assets/fonts/apercu/Apercu-Regular.eot);src:url(./../../assets/fonts/apercu/Apercu-Regular.eot?#iefix) format("embedded-opentype"),url(./../../assets/fonts/apercu/Apercu-Regular.woff2) format("woff2"),url(./../../assets/fonts/apercu/Apercu-Regular.woff) format("woff"),url(./../../assets/fonts/apercu/Apercu-Regular.ttf) format("truetype"),url(./../../assets/fonts/apercu/Apercu-Regular.svg#Apercu-Regular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Apercu;src:url(./../../assets/fonts/apercu/Apercu-Italic.eot);src:url(./../../assets/fonts/apercu/Apercu-Italic.eot?#iefix) format("embedded-opentype"),url(./../../assets/fonts/apercu/Apercu-Italic.woff2) format("woff2"),url(./../../assets/fonts/apercu/Apercu-Italic.woff) format("woff"),url(./../../assets/fonts/apercu/Apercu-Italic.ttf) format("truetype"),url(./../../assets/fonts/apercu/Apercu-Italic.svg#Apercu-Italic) format("svg");font-weight:400;font-style:italic}@font-face{font-family:Apercu;src:url(./../../assets/fonts/apercu/Apercu-Medium.eot);src:url(./../../assets/fonts/apercu/Apercu-Medium.eot?#iefix) format("embedded-opentype"),url(./../../assets/fonts/apercu/Apercu-Medium.woff2) format("woff2"),url(./../../assets/fonts/apercu/Apercu-Medium.woff) format("woff"),url(./../../assets/fonts/apercu/Apercu-Medium.ttf) format("truetype"),url(./../../assets/fonts/apercu/Apercu-Medium.svg#Apercu-Medium) format("svg");font-weight:500;font-style:normal}@font-face{font-family:Apercu;src:url(./../../assets/fonts/apercu/Apercu-MediumItalic.eot);src:url(./../../assets/fonts/apercu/Apercu-MediumItalic.eot?#iefix) format("embedded-opentype"),url(./../../assets/fonts/apercu/Apercu-MediumItalic.woff2) format("woff2"),url(./../../assets/fonts/apercu/Apercu-MediumItalic.woff) format("woff"),url(./../../assets/fonts/apercu/Apercu-MediumItalic.ttf) format("truetype"),url(./../../assets/fonts/apercu/Apercu-MediumItalic.svg#Apercu-MediumItalic) format("svg");font-weight:500;font-style:italic}@font-face{font-family:Apercu;src:url(./../../assets/fonts/apercu/Apercu-Bold.eot);src:url(./../../assets/fonts/apercu/Apercu-Bold.eot?#iefix) format("embedded-opentype"),url(./../../assets/fonts/apercu/Apercu-Bold.woff2) format("woff2"),url(./../../assets/fonts/apercu/Apercu-Bold.woff) format("woff"),url(./../../assets/fonts/apercu/Apercu-Bold.ttf) format("truetype"),url(./../../assets/fonts/apercu/Apercu-Bold.svg#Apercu-Bold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:Apercu;src:url(./../../assets/fonts/apercu/Apercu-BoldItalic.eot);src:url(./../../assets/fonts/apercu/Apercu-BoldItalic.eot?#iefix) format("embedded-opentype"),url(./../../assets/fonts/apercu/Apercu-BoldItalic.woff2) format("woff2"),url(./../../assets/fonts/apercu/Apercu-BoldItalic.woff) format("woff"),url(./../../assets/fonts/apercu/Apercu-BoldItalic.ttf) format("truetype"),url(./../../assets/fonts/apercu/Apercu-BoldItalic.svg#Apercu-BoldItalic) format("svg");font-weight:700;font-style:italic}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}::selection{background:#ffdc00}html,body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#444452;font-family:Apercu,Source Sans Pro,system,system-ui,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;width:100%}html.night,body.night{background-color:#171c28;color:#afafbf}html.night ::selection,body.night ::selection{color:#36363c;background:#ffdc00}html.night .switch-wrapper .sun,body.night .switch-wrapper .sun{background:url(../img/switch/sun-white.svg) no-repeat center;background-size:100%}html.night .switch-wrapper .moon,body.night .switch-wrapper .moon{background:url(../img/switch/moon-white.svg) no-repeat center;background-size:100%}html.night a,html.night strong,html.night .intro,html.night .skills .skillz__category__label,html.night .experience .job__time,html.night .footer__copyright,html.night .status,body.night a,body.night strong,body.night .intro,body.night .skills .skillz__category__label,body.night .experience .job__time,body.night .footer__copyright,body.night .status{color:#e7e7e7}html.night .section__content .underline-link:after,body.night .section__content .underline-link:after{background:#e7e7e7}a{transition:all .2s ease-in-out;text-decoration:none;font-weight:700;color:inherit}ul{list-style:none;padding:0;margin:0}svg{width:100%;height:100%;fill:currentColor}img{max-width:100%;vertical-align:middle}strong{font-weight:700;color:#36363c}.emoji{display:inline-block;vertical-align:text-top;background-size:contain;background-repeat:no-repeat;background-position:center}.section{display:flex;justify-content:center;padding:100px 170px}@media screen and (max-width: 1280px){.section{padding:100px}}@media screen and (max-width: 1024px){.section{padding:50px}}@media screen and (max-width: 768px){.section{display:block}}@media screen and (max-width: 480px){.section{padding:50px 35px}}.section__title{flex-shrink:0;width:200px;margin-right:70px;color:#007bff;text-transform:uppercase;text-align:right;font-weight:700;letter-spacing:2px}@media screen and (max-width: 1024px){.section__title{margin-right:50px}}@media screen and (max-width: 850px){.section__title{width:150px}}@media screen and (max-width: 768px){.section__title{text-align:left;width:auto}}.section__content{font-weight:300;font-size:1rem;width:100%;max-width:650px}@media screen and (max-width: 768px){.section__content{padding-top:30px;padding-left:50px}}@media screen and (max-width: 480px){.section__content{padding-left:30px}}.section__content p{margin-top:0;margin-bottom:25px}.section__content .underline-link{position:relative;display:inline-block}.section__content .underline-link:after{position:absolute;top:100%;left:0;width:100%;height:1px;background:#36363c;content:"";opacity:0;transition:height .3s,opacity .3s,transform .3s;transform:translateY(-5px)}.section__content .underline-link:hover:after,.section__content .underline-link:focus:after{height:2px;border-radius:3px;opacity:1;transform:translateY(-2px)}.arrow-link{transition:all .2s ease-in-out;font-weight:700;display:inline-block;background-color:transparent;white-space:nowrap}.arrow-link:after{transition:all .2s ease-in-out;position:relative;bottom:2px;margin-left:15px;content:"";background:url(/img/arrow.png) no-repeat center;background-size:100%;width:15px;height:15px;display:inline-block;vertical-align:middle}.arrow-link:hover:after{transform:translate(7px)}.small{font-family:Inconsolata,monospace;font-size:.85rem;display:inline-block;margin-top:15px}.small:after{display:none}#top-button{transition:all .2s ease-in-out;background:transparent;border:none;outline:none;width:40px;position:fixed;bottom:25px;right:10px;cursor:pointer;display:none}@media screen and (max-width: 1024px){#top-button{bottom:20px;right:7px;width:35px}}@media screen and (max-width: 480px){#top-button{bottom:15px;right:3px}}#top-button:hover,#top-button:focus{transform:translateY(-10px)}#top-button img{width:100%}.waypoint{opacity:0;transform:translate3d(0,20px,0);transition:opacity .6s cubic-bezier(.694,0,.335,1),transform .6s cubic-bezier(.694,0,.335,1)}.in-view{opacity:1;transform:translateZ(0)}.switch-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;top:20px;right:30px}@media screen and (max-width: 480px){.switch-wrapper{top:10px;right:20px}}.switch-wrapper .sun,.switch-wrapper .moon{width:17px;height:17px}.switch-wrapper .sun{background:url(../img/switch/sun.svg) no-repeat center;background-size:100%}.switch-wrapper .moon{background:url(../img/switch/moon.svg) no-repeat center;background-size:100%}.switch-wrapper .toggle-wrapper{margin:10px}.switch-wrapper .toggle-wrapper #switch{height:0;width:0;visibility:hidden;position:absolute}.switch-wrapper .toggle-wrapper #switch:checked+label{background:#bae67e}.switch-wrapper .toggle-wrapper #switch:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}.switch-wrapper .toggle-wrapper label{cursor:pointer;text-indent:-9999px;width:45px;height:25px;background:gray;display:block;border-radius:100px;position:relative}.switch-wrapper .toggle-wrapper label:after{transition:all .2s ease-in-out;content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;background:#fff;border-radius:100%}.intro{padding:120px 100px;height:100vh;display:flex;flex-direction:column;justify-content:space-around;max-width:1440px;margin:0 auto}@media screen and (max-width: 630px){.intro{padding:120px 70px}}@media screen and (max-width: 550px){.intro{padding:120px 50px}}@media screen and (max-width: 480px){.intro{padding:70px 50px}}.intro__hello,.intro__tagline{font-size:2.5rem}@media screen and (max-width: 1024px){.intro__hello,.intro__tagline{font-size:2.25rem}}@media screen and (max-width: 768px){.intro__hello,.intro__tagline{font-size:2rem}}@media screen and (max-width: 550px){.intro__hello,.intro__tagline{font-size:1.75rem}}@media screen and (max-width: 360px){.intro__hello,.intro__tagline{font-size:1.5rem}}@media screen and (max-width: 330px){.intro__hello,.intro__tagline{font-size:1.4rem}}.intro__hello .emoji,.intro__tagline .emoji{width:40px;height:40px}@media screen and (max-width: 1024px){.intro__hello .emoji,.intro__tagline .emoji{width:35px;height:35px}}@media screen and (max-width: 768px){.intro__hello .emoji,.intro__tagline .emoji{width:30px;height:30px}}@media screen and (max-width: 360px){.intro__hello .emoji,.intro__tagline .emoji{width:25px;height:25px}}.intro__hello{font-weight:300}.intro__hello .wave-hand{background-image:url(../img/emojis/wave.png);margin-left:10px;cursor:pointer}.intro__hello .wave-hand.animated{animation-duration:1s;animation-fill-mode:both}.intro__hello .wave-hand.wave{animation-name:wave}@keyframes wave{0%{transform:none}15%{transform:translate3d(-20%,0,0) rotate3d(0,0,1,-10deg)}30%{transform:translate3d(10%,0,0) rotate3d(0,0,1,7deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-10deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,5deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-2deg)}to{transform:none}}.intro__tagline{font-weight:300;max-width:700px}.intro__tagline .name{font-weight:700}.intro__tagline .technologist{background-image:url(./img/emojis/technologist.png)}.intro__contact{font-size:1.25rem;font-weight:400}@media screen and (max-width: 550px){.intro__contact{font-size:1rem}}.intro__contact .emoji.pointer{background-image:url(../img/emojis/pointright.png);width:30px;height:30px;margin:0 5px;vertical-align:text-bottom}@media screen and (max-width: 550px){.intro__contact .emoji.pointer{width:25px;height:25px}}.intro__contact .highlight-link{transition:all .2s ease-in-out;font-weight:400;display:inline-block;padding:2px 3px;text-decoration:none;box-shadow:inset 0 -3px #007bff}.intro__contact .highlight-link:hover{box-shadow:inset 0 -33px #007bff;color:#fff}.skills .skillz{display:flex;justify-content:space-between}@media screen and (max-width: 630px){.skills .skillz{flex-wrap:wrap}}@media screen and (max-width: 630px){.skills .skillz__category{width:47%;margin-right:5px;margin-bottom:25px}}.skills .skillz__category__label{font-weight:700;color:#36363c;text-transform:uppercase}.skills .skillz__category__item{margin:3px 0;font-size:.9rem}.experience .jobs{margin-bottom:100px}.experience .job{margin-bottom:25px}.experience .job .time-place{display:flex;justify-content:space-between}@media screen and (max-width: 480px){.experience .job .time-place{display:block}}.experience .job__company{font-weight:700}.experience .job__time{font-size:.9rem;font-family:Inconsolata,monospace}@media screen and (max-width: 480px){.experience .job__time{font-size:.8rem}}.experience .arrow-link{font-size:1.25rem}.experience .arrow-link:after{width:20px;height:20px}.status{display:flex;align-items:center;font-size:1.1rem;margin-top:70px}.status__light{width:30px;height:30px;display:flex;justify-content:center;align-items:center}.status__light__ring{position:absolute;width:25px;height:25px;animation:pulsate 2s ease-out;animation-iteration-count:infinite;opacity:0;border:3px solid #bae67e;border-radius:30px}@keyframes pulsate{0%{transform:scale(.1);opacity:0}50%{opacity:1}to{transform:scale(1.2);opacity:0}}.status__light__led{position:absolute;width:13px;height:13px;background:#bae67e;border-radius:100%}.status__message{margin-left:15px}.featured-projects a:after{display:none}.featured-projects .project{display:flex;margin-bottom:100px;margin-left:-5%;width:125%}@media screen and (max-width: 1280px){.featured-projects .project{width:115%}}@media screen and (max-width: 1024px){.featured-projects .project{width:105%}}@media screen and (max-width: 768px){.featured-projects .project{width:100%;display:block;margin-bottom:70px}}.featured-projects .project.screentime{margin-bottom:70px}.featured-projects .project:last-of-type{margin-bottom:0}.featured-projects .project__pic{max-width:700px;overflow:visible;margin:0}.featured-projects .project__pic a{display:block}.featured-projects .project__pic.phones a{display:flex;justify-content:space-between}.featured-projects .project__pic.phones .phone{margin:0 -7%}.featured-projects .project__pic.phones .phone:first-of-type{margin-left:-5%}.featured-projects .project__pic img{width:100%;max-width:100%;vertical-align:bottom}.featured-projects .project__caption{width:125px;flex-shrink:0;margin-left:30px}@media screen and (max-width: 768px){.featured-projects .project__caption{width:100%;margin-top:25px;margin-left:0}}.featured-projects .project__name{margin-bottom:10px}.featured-projects .project__name a{font-weight:700}.featured-projects .project p{font-size:.85rem;line-height:1.3}.other-projects .project{max-width:600px;margin-bottom:50px}.other-projects .project__name{margin-bottom:10px}.other-projects .project p{font-size:.9rem;margin-bottom:20px}.other-projects .project__used__item{display:inline-block;margin:3px 3px 3px 0;font-family:Inconsolata,monospace;font-size:.75rem;font-weight:700;padding:2px 7px;border-radius:3px;color:#007bff;border:1px solid #007bff;background:transparent}.other-projects .project__used__item:first-of-type{margin-left:0}.footer{padding:50px 80px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 1024px){.footer{padding:50px}}@media screen and (max-width: 630px){.footer{display:block}}@media screen and (max-width: 480px){.footer{padding:50px 30px}}.footer__copyright{font-weight:700;width:200px}@media screen and (max-width: 630px){.footer__copyright{width:auto;text-align:center;margin-bottom:25px}}@media screen and (max-width: 630px){.footer__copyright .top,.footer__copyright .bottom{display:inline-block}}@media screen and (max-width: 480px){.footer__copyright .top,.footer__copyright .bottom{display:block}}.footer__copyright .emoji{width:20px;height:20px;margin:0 3px;vertical-align:text-bottom}@media screen and (max-width: 630px){.footer__links{display:flex;justify-content:center}}.footer__links a{position:relative;display:inline-block;color:#007bff!important;text-transform:uppercase;font-weight:700;margin:0 15px;outline:none}@media screen and (max-width: 1024px){.footer__links a{margin:0 10px}}.footer__links a:after{position:absolute;top:100%;left:0;width:100%;height:1px;background:#007bff;content:"";opacity:0;transition:height .3s,opacity .3s,transform .3s;transform:translateY(-5px)}@media screen and (max-width: 850px){.footer__links a:after{display:none}}.footer__links a:hover:after,.footer__links a:focus:after{height:2px;border-radius:3px;opacity:1;transform:translateY(0)}.footer__links a .text{font-size:.9rem;display:inline;letter-spacing:1px}@media screen and (max-width: 850px){.footer__links a .text{display:none}}.footer__links img{display:none;width:22px}@media screen and (max-width: 850px){.footer__links img{display:inline-block}}.not-found{width:100%;height:100vh!important;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px}.not-found .name{position:absolute;top:25px;left:30px;font-weight:700;color:#007bff;font-size:1.5rem}@media screen and (max-width: 480px){.not-found .name{top:20px;left:25px;font-size:1.25rem}}.not-found h1{font-size:4rem;margin:10px 0}.not-found h2{font-size:1.5rem}@media screen and (max-width: 480px){.not-found h2{font-size:1.25rem}}@media screen and (max-width: 360px){.not-found h2{font-size:1.1rem}}.not-found a{font-weight:700;color:#007bff!important;position:relative;display:inline-block}.not-found a:after{position:absolute;top:100%;left:0;width:100%;height:3px;background:#007bff;content:"";opacity:0;transition:height .3s,opacity .3s,transform .3s;transform:translateY(-10px)}.not-found a:hover:after,.not-found a:focus:after{height:3px;opacity:1;transform:translateY(-5px)}