.top-bar[data-astro-cid-lq7i5isa]{position:absolute;top:0;left:0;width:100%;height:5vh;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;color:var(--primary-color);z-index:2}.top-bar[data-astro-cid-lq7i5isa] .nav-bar[data-astro-cid-lq7i5isa]{width:100%;display:flex;flex-direction:row;gap:2em;padding-left:2em}.top-bar[data-astro-cid-lq7i5isa] .nav-bar[data-astro-cid-lq7i5isa] a[data-astro-cid-lq7i5isa]{color:inherit;text-decoration:none}.top-bar[data-astro-cid-lq7i5isa] .colors[data-astro-cid-lq7i5isa]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;width:100%;gap:2em;padding-right:2em}.top-bar[data-astro-cid-lq7i5isa] .mobile-nav-bar[data-astro-cid-lq7i5isa]{display:none}@media (max-width: 600px){.top-bar[data-astro-cid-lq7i5isa]{display:block;height:auto;width:auto}.top-bar[data-astro-cid-lq7i5isa] .nav-bar[data-astro-cid-lq7i5isa],.top-bar[data-astro-cid-lq7i5isa] .color[data-astro-cid-lq7i5isa]{display:none!important;padding:0}.mobile-nav-bar[data-astro-cid-lq7i5isa]{position:fixed;display:flex!important;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1em 0 0 1em}.mobile-nav-bar[data-astro-cid-lq7i5isa] .menu-line[data-astro-cid-lq7i5isa]{margin-bottom:.25em;width:3em;height:.5em;background-color:var(--primary-color);border:.25em solid var(--secondary-color);border-radius:.5em}.mobile-nav-bar[data-astro-cid-lq7i5isa] .menu[data-astro-cid-lq7i5isa]{display:none;flex-direction:column;gap:1em;padding:1em;background-color:var(--primary-color);color:var(--secondary-color);border-radius:.5em;border:.25rem solid var(--secondary-color);font-size:2em}.mobile-nav-bar[data-astro-cid-lq7i5isa] .menu[data-astro-cid-lq7i5isa] a[data-astro-cid-lq7i5isa]{color:inherit;text-decoration:none}}@font-face{font-family:space-mono;src:url(/SpaceMono-Regular.ttf)}:root{--scale: 1}html{scroll-behavior:smooth;background-color:var(--secondary-color)}body{margin:0;font-family:space-mono}footer{position:relative;width:100%;z-index:3}footer .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-family:space-mono;color:var(--primary-color);background-color:var(--secondary-color);padding:0 2em}footer .container p{text-align:center}.color-swap{display:none;position:fixed;bottom:0;right:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.color-swap .button{margin:1em;z-index:2;width:3em;height:.5em;background-color:var(--primary-color);border:.25em solid var(--secondary-color);border-radius:.5em}@media (max-width: 600px){.color-swap{display:block}footer{font-size:.8em}}.main-section{background-color:var(--secondary-color);position:relative;width:100%;height:100vh;overflow:hidden}.avatar-coffee{position:absolute;width:100%;height:100%}.avatar-coffee svg{width:100%;height:100%;transform:scale(var(--scale))}.avatar-coffee #avatar-shirt{fill:var(--primary-color)}.avatar-coffee #avatar-line{fill:var(--line-color)}.avatar-coffee #avatar-skin{fill:none}.social{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:0 1em}.social svg{height:100%;width:100%}.social svg #front{fill:var(--primary-color)!important}.social svg #back{fill:var(--secondary-color)!important}.masked-container,.masked-container-mask{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:space-mono;color:var(--primary-color)}.masked-container .bottom-bar,.masked-container-mask .bottom-bar{position:absolute;bottom:0;left:0;width:100%;height:5vh}.masked-container .bottom-bar .key-bindings,.masked-container-mask .bottom-bar .key-bindings{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;padding:0 2em;font-size:1em;gap:0 .5em}.masked-container .bottom-bar .key-bindings>*,.masked-container-mask .bottom-bar .key-bindings>*{width:1em;text-align:center}.masked-container .bottom-bar .key-bindings svg,.masked-container-mask .bottom-bar .key-bindings svg{height:1em}.masked-container .bottom-bar .key-bindings svg path,.masked-container-mask .bottom-bar .key-bindings svg path{fill:var(--primary-color)}.masked-container .container,.masked-container-mask .container{padding:0 2em;opacity:0;transform:translate(-100px)}.masked-container .header,.masked-container-mask .header{font-size:5em;margin:0}.masked-container .secondary-bar,.masked-container-mask .secondary-bar{font-size:1em;margin:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.masked-container h1,.masked-container-mask h1{margin:0;padding:0;font-weight:400}.masked-container-mask{position:absolute;color:var(--secondary-color);top:0;left:0;mask-image:url(/avatar-coffee.svg);mask-position:center;mask-repeat:no-repeat;mask-size:calc(100% * var(--scale)) calc(100% * var(--scale))}.masked-container-mask svg #front{fill:var(--secondary-color)!important}.masked-container-mask svg #back{fill:var(--primary-color)!important}.about-me-section{background-color:var(--primary-color);color:var(--secondary-color);width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow:hidden}.about-me-section .container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 2em}.about-me-section .short-bio{width:50%;align-self:flex-start;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;opacity:0;transform:translate(-100px)}.about-me-section svg{opacity:0;transform:translate(100px)}.about-me-section svg #avatar-shirt{fill:var(--primary-color)}.about-me-section svg #avatar-line{fill:var(--line-color)}.about-me-section svg #avatar-skin{fill:var(--secondary-color)}.about-me-section h1{font-size:2em;margin:0}.about-me-section a{color:var(--secondary-color);text-decoration:underline;font-weight:700}.about-me-section p{font-size:2em;margin:0;text-align:left}@media (max-width: 600px){:root{--scale: 1.4}.masked-container .container .header,.masked-container-mask .container .header{font-size:3em}.masked-container .container .secondary-bar,.masked-container-mask .container .secondary-bar{font-size:.6em}.about-me-section{height:auto;padding-top:5vh;border-top:1em solid var(--secondary-color)}.about-me-section .container{flex-direction:column}.about-me-section .short-bio{width:auto;padding:0 2em}.about-me-section .short-bio p{font-size:1.5em}.about-me-section svg{width:100vw}.bottom-bar{display:none}}