:root{--bg:#fff;--text:#444452;--strong:#36363c;--accent:#007bff;--selection:#ffdc00;--night-bg:#171c28;--night-text:#afafbf;--night-strong:#e7e7e7;--toggle-on:#bae67e;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}::selection{background:var(--selection)}html,body{background:var(--bg);width:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.5}body.night{background:var(--night-bg);color:var(--night-text)}body.night ::selection{color:var(--strong);background:var(--selection)}a{color:inherit;font-weight:700;text-decoration:none;transition:color .2s ease-in-out,box-shadow .2s ease-in-out,transform .2s ease-in-out}strong,.name{color:var(--strong);font-weight:700}body.night strong,body.night .name,body.night a,body.night .intro,body.night .job__time,body.night .skillz__category__label,body.night .footer__copyright{color:var(--night-strong)}ul{margin:0;padding:0;list-style:none}img{vertical-align:middle;max-width:100%}.skip-link{z-index:20;background:var(--bg);color:var(--accent);border:1px solid;padding:.4rem .65rem;position:fixed;top:1rem;left:1rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.emoji{vertical-align:text-top;background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.switch-wrapper{justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:30px}.switch-wrapper .sun,.switch-wrapper .moon{width:17px;height:17px}.switch-wrapper .sun{background:url(/img/switch/sun.svg) 50%/100% no-repeat}.switch-wrapper .moon{background:url(/img/switch/moon.svg) 50%/100% no-repeat}body.night .switch-wrapper .sun{background-image:url(/img/switch/sun-white.svg)}body.night .switch-wrapper .moon{background-image:url(/img/switch/moon-white.svg)}.toggle-wrapper{margin:10px}.toggle-wrapper input{visibility:hidden;width:0;height:0;position:absolute}.toggle-wrapper label{cursor:pointer;text-indent:-9999px;background:gray;border-radius:100px;width:45px;height:25px;display:block;position:relative}.toggle-wrapper label:after{content:"";background:#fff;border-radius:100%;width:19px;height:19px;transition:left .2s ease-in-out,transform .2s ease-in-out;position:absolute;top:3px;left:3px}.toggle-wrapper input:checked+label{background:var(--toggle-on)}.toggle-wrapper input:checked+label:after{left:calc(100% - 3px);transform:translate(-100%)}.intro{flex-direction:column;justify-content:space-around;max-width:1440px;height:100svh;min-height:600px;margin:0 auto;padding:120px 100px;display:flex}.intro__hello,.intro__tagline{letter-spacing:0;margin:0;font-size:2.5rem;font-weight:300;line-height:1.5}.intro__tagline{overflow-wrap:normal;max-width:700px}.intro__hello .emoji,.intro__tagline .emoji{width:40px;height:40px}.intro__hello .wave-hand{cursor:pointer;background-image:url(/img/emojis/wave.png);margin-left:10px}.intro__hello .wave-hand.wave{animation:1s both wave}.intro__tagline .technologist{background-image:url(/img/emojis/technologist.png)}.intro__contact{margin:0;font-size:1.25rem;font-weight:400}.intro__contact .pointer{vertical-align:text-bottom;background-image:url(/img/emojis/pointright.png);width:30px;height:30px;margin:0 5px}.highlight-link{box-shadow:inset 0 -3px 0 var(--accent);padding:2px 3px;font-weight:400;display:inline-block}.highlight-link:hover,.highlight-link:focus{color:#fff;box-shadow:inset 0 -33px 0 var(--accent)}.section{justify-content:center;padding:100px 170px;display:flex}.section__title{width:200px;color:var(--accent);text-align:right;text-transform:uppercase;letter-spacing:2px;flex-shrink:0;margin-right:70px;font-weight:700}.section__content{width:100%;max-width:650px;font-size:1rem;font-weight:300}.section__content p{margin:0 0 25px}.underline-link{display:inline-block;position:relative}.underline-link:after{content:"";background:var(--strong);opacity:0;border-radius:3px;width:100%;height:1px;transition:height .3s,opacity .3s,transform .3s;position:absolute;top:100%;left:0;transform:translateY(-5px)}body.night .underline-link:after{background:var(--night-strong)}.underline-link:hover:after,.underline-link:focus:after{opacity:1;height:2px;transform:translateY(-2px)}.arrow-link{white-space:normal;font-weight:700;display:inline-block}.arrow-link:after{content:"->";color:var(--accent);margin-left:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;transition:transform .2s ease-in-out;display:inline-block;position:relative;bottom:1px}.arrow-link:hover:after,.arrow-link:focus:after{transform:translate(7px)}.jobs{margin-bottom:100px}.job{margin-bottom:25px}.time-place{justify-content:space-between;gap:20px;display:flex}.job__company{font-weight:700}.job__time{flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem}.job__bullets{margin-top:6px}.job__bullets li{margin-bottom:4px}.job__bullets li:before{content:"•";margin-right:6px}.experience .arrow-link{font-size:1.25rem}.project{max-width:600px;margin-bottom:50px}.project__name{margin-bottom:10px}.project p{margin-bottom:20px;font-size:.9rem}.project__used__item{border:1px solid var(--accent);color:var(--accent);background:0 0;border-radius:3px;margin:3px 3px 3px 0;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;font-weight:700;display:inline-block}.skillz{justify-content:space-between;gap:40px;display:flex}.skillz__category{width:50%}.skillz__category__label{color:var(--strong);text-transform:uppercase;font-weight:700}.skillz__category__item{margin:3px 0;font-size:.9rem}.footer{justify-content:flex-end;align-items:center;padding:50px 80px;display:flex}.footer__copyright{width:200px;font-weight:700}.footer__copyright .emoji{vertical-align:text-bottom;width:20px;height:20px;margin:0 3px}.footer__links a{text-transform:uppercase;outline:0;margin:0 15px;font-weight:700;display:inline-block;position:relative;color:var(--accent)!important}.footer__links a:after{content:"";background:var(--accent);opacity:0;border-radius:3px;width:100%;height:1px;transition:height .3s,opacity .3s,transform .3s;position:absolute;top:100%;left:0;transform:translateY(-5px)}.footer__links a:hover:after,.footer__links a:focus:after{opacity:1;height:2px;transform:translateY(0)}.footer__links .text{letter-spacing:1px;font-size:.9rem;display:inline}.footer__links img{width:22px;display:none}#top-button{cursor:pointer;background:0 0;border:0;width:40px;padding:0;transition:transform .2s ease-in-out;display:none;position:fixed;bottom:25px;right:10px}#top-button:hover,#top-button:focus{transform:translateY(-10px)}#top-button img{width:100%}.not-found{text-align:center;justify-content:center;align-items:center;min-height:100svh;padding:0 20px;display:flex}.not-found__main h1{margin:10px 0;font-size:4rem}.not-found__main p{margin:0 0 25px}@keyframes wave{0%{transform:none}15%{transform:translate(-20%)rotate(-10deg)}30%{transform:translate(10%)rotate(7deg)}45%{transform:translate(-15%)rotate(-10deg)}60%{transform:translate(10%)rotate(5deg)}75%{transform:translate(-5%)rotate(-2deg)}to{transform:none}}@media screen and (width<=1280px){.section{padding:100px}}@media screen and (width<=1024px){.section{padding:50px}.section__title{margin-right:50px}.intro__hello,.intro__tagline{font-size:2.25rem}.intro__hello .emoji,.intro__tagline .emoji{width:35px;height:35px}.footer{padding:50px}}@media screen and (width<=850px){.section__title{width:150px}.footer__links a{margin:0 10px}.footer__links a:after,.footer__links .text{display:none}.footer__links img{display:inline-block}}@media screen and (width<=768px){.section{display:block}.section__title{text-align:left;width:auto}.section__content{padding-top:30px;padding-left:50px}.intro__hello,.intro__tagline{font-size:2rem}.intro__hello .emoji,.intro__tagline .emoji{width:30px;height:30px}}@media screen and (width<=630px){.intro{padding:120px 70px}.skillz{flex-wrap:wrap;gap:0}.skillz__category{width:47%;margin-bottom:25px;margin-right:5px}.footer{display:block}.footer__copyright{text-align:center;width:auto;margin-bottom:25px}.footer__copyright .top,.footer__copyright .bottom{display:inline-block}.footer__links{justify-content:center;display:flex}}@media screen and (width<=550px){.intro{padding:120px 50px}.intro__hello,.intro__tagline{font-size:1.5rem}.intro__tagline{max-width:17rem}.intro__contact{max-width:18rem;font-size:1rem}.intro__contact .pointer{width:25px;height:25px}}@media screen and (width<=480px){.switch-wrapper{top:10px;right:20px}.intro{padding:70px 50px}.section{padding:50px 35px}.section__content{padding-left:30px}.time-place{display:block}.job__time{font-size:.8rem}.skillz{display:block}.skillz__category{width:100%}.footer{padding:50px 30px}.footer__copyright .top,.footer__copyright .bottom{display:block}#top-button{bottom:15px;right:3px}}@media screen and (width<=360px){.intro__hello,.intro__tagline{font-size:1.45rem}.intro__hello .emoji,.intro__tagline .emoji{width:25px;height:25px}}@media screen and (width<=330px){.intro__hello,.intro__tagline{font-size:1.4rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
