@charset "UTF-8";@font-face{font-family:Tamzen;src:url(/assets/fonts/TamzenBold.eot);src:url(/assets/fonts/TamzenBold.eot?#iefix),format("embedded-opentype"),url(/assets/fonts/TamzenBold.woff2),format("woff2"),url(/assets/fonts/TamzenBold.woff),format("woff"),url(/assets/fonts/TamzenBold.ttf),format("truetype"),url(/assets/fonts/TamzenBold.svg#TamzenBold),format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tamzen;src:url(/assets/fonts/TamzenMedium.eot);src:url(/assets/fonts/TamzenMedium.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/TamzenMedium.woff2) format("woff2"),url(/assets/fonts/TamzenMedium.woff) format("woff"),url(/assets/fonts/TamzenMedium.ttf) format("truetype"),url(/assets/fonts/TamzenMedium.svg#Tamzen) format("svg");font-weight:500;font-style:normal;font-display:swap}:root{--blue: rgb(119, 216, 251);--dark-blue: rgb(7, 136, 223);--darker-blue: hsl(204, 94%, 36%);--darkest-blue: hsl(204, 94%, 27%);--purple: rgb(153, 119, 216);--dark-purple: rgb(123, 83, 198);--yellow: rgb(251, 251, 121);--dark-gray: rgb(153, 153, 153);--darker-gray: rgb(128, 128, 128);--sb-default: rgba(119, 216, 251, .5);--sb-dark-default: rgba(153, 153, 153, .375);--sb-active: rgba(119, 216, 251, .625);--sb-dark-active: rgba(153, 153, 153, .5);--backdrop: rgba(255, 255, 255, .635);--dark-backdrop: rgba(0, 0, 0, .5);--background: #fff;--dark-background: #000;--text: #000;--light-text: #fff;--navbar-height: 4rem;--footer-height: 2rem;--sidebar-width: 256px}html{box-sizing:border-box;font-size:16px;font-family:Tamzen,Consolas,monospace;background-size:224px}*,*:before,*:after{box-sizing:inherit}body{background:var(--background);color:var(--text);min-width:300px;margin:0}body.sidebar-open{overflow:hidden}body.dark{background:var(--dark-background);color:var(--light-text)}body.dark h1,body.dark h2{color:var(--light-text)}h1{color:var(--darker-blue);font-size:2rem;font-weight:700;line-height:1;margin-top:0;margin-bottom:1rem}h2{color:var(--darkest-blue);font-size:1rem;font-weight:700;line-height:1;margin-top:0;margin-bottom:1rem}span{line-height:1}span.link{color:var(--dark-purple)}body.dark span.link{color:var(--blue)}span.link:visited{color:var(--darker-gray)}body.dark span.link:visited{color:var(--purple)}span.link{cursor:pointer;text-decoration:underline}a{color:var(--dark-purple)}body.dark a{color:var(--blue)}a:visited{color:var(--darker-gray)}body.dark a:visited{color:var(--purple)}main{border:1px solid var(--dark-gray)}body.dark main{border:1px solid var(--blue)}main{margin-top:var(--navbar-height);padding:1rem max(1rem,round(down,(100vw - 600px) / 2,1rem));font-size:1rem;line-height:1.5;min-height:calc(100dvh - var(--navbar-height) - var(--footer-height))}.hidden{display:none}button.transparent{background:transparent;border:none;margin:0;padding:0;cursor:pointer;font-family:inherit;font-size:inherit}button.bold{font-weight:700}.light-el{display:inline-block}body.dark .light-el,.dark-el{display:none}body.dark .dark-el{display:inline-block}ul.text-list{padding-left:2rem}ul.text-list li{list-style-type:square}span.hl{font-weight:700}body.dark span.hl{color:var(--yellow)}.backdrop{background-color:var(--backdrop)}body.dark .backdrop{background-color:var(--dark-backdrop)}.backdrop{width:100%;height:100%;overflow:clip}#backStage{display:none}.main-photo{display:block;margin:auto;height:auto;margin-bottom:1rem;max-width:100%}.tech-logo{width:8rem;height:auto;image-rendering:pixelated;cursor:help}body.fancy.reduced-motion .tech-logo,body:not(.fancy):not(.reduced-motion) .tech-logo{transition:transform .25s ease-in-out}body.fancy.reduced-motion .tech-logo:hover,body.fancy.reduced-motion .tech-logo:focus,body:not(.fancy):not(.reduced-motion) .tech-logo:hover,body:not(.fancy):not(.reduced-motion) .tech-logo:focus{transform:translateY(-.5rem)}body.fancy:not(.reduced-motion) .play-logo-bounce{animation:logoBounce .5s ease-in-out}@keyframes logoBounce{0%{transform:translateY(0)}33%{transform:translateY(-1rem)}67%{transform:translateY(0)}83%{transform:translateY(-.25rem)}to{transform:translateY(0)}}.form-radio-group input[type=radio]{border:0!important;clip:rect(1px,1px,1px,1px);height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.form-radio-group label{display:inline-flex;align-items:center;cursor:pointer}.form-radio-group label:before{content:"  ";display:block}.form-radio-group input[type=radio]:checked+label:before{content:"> "}.form-radio-group input[type=radio]:focus-visible+label,.form-radio-group input[type=radio]:focus-visible+label:before{text-decoration:underline}@media (min-width: 680px){main{padding:1rem max(2rem,round(down,(100vw - 680px) / 2,1rem))}}@media (min-width: 1024px){html{font-size:24px}main{padding:1rem max(4rem,round(down,(100vw - 1024px) / 2,1rem))}}@media (min-width: 1536px){main{padding:1rem max(4rem,round(down,(100vw - 1536px) / 2,1rem))}}@media (min-width: 2048px){html{font-size:32px}main{padding:1rem max(4rem,round(down,(100vw - 1920px) / 2,1rem))}}.portfolio-grid{display:grid;gap:1rem;width:round(down,100%,1rem)}.portfolio-grid img{width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;object-position:center;cursor:pointer}.portfolio-grid a{color:var(--text)}body.dark .portfolio-grid a{color:var(--light-text)}.portfolio-grid a{text-decoration:none}@media (min-width: 1024px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1536px){.portfolio-grid{grid-template-columns:1fr 1fr 1fr}}@media (min-width: 2048px){.portfolio-grid{grid-template-columns:repeat(4,1fr)}}