@font-face{font-display:optional;font-family:Inter;font-style:normal;font-weight:400;src:url(/fonts/inter-v20-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/fonts/inter-v20-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:800;src:url(/fonts/inter-v20-latin-800.woff2) format("woff2")}@font-face{font-display:optional;font-family:Assistant;font-style:normal;font-weight:300;src:url(/fonts/assistant-v24-latin-300.woff2) format("woff2")}@font-face{font-display:optional;font-family:Assistant;font-style:normal;font-weight:400;src:url(/fonts/assistant-v24-latin-regular.woff2) format("woff2")}:root{color-scheme:dark;--color-fg: #ffffff;--color-bg: #000000}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*,*:before,*:after{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}body{line-height:1.5;font-family:Inter,sans-serif;color:var(--color-fg);background:var(--color-bg)}h1,h2{text-transform:uppercase}a{color:var(--color-fg);text-decoration:none;border-bottom:1px solid transparent}a:hover,a:focus-visible{border-bottom:1px solid var(--color-fg)}a:focus-visible,.back-to-top:focus-visible,button:focus-visible{outline:2px solid var(--color-fg);outline-offset:2px}.links-container a{text-transform:lowercase;font-weight:600}ol,ul{list-style:none}p,.skill-tag,.bulletpoint{font-family:Assistant,sans-serif}.bold-header{font-size:24px;font-weight:800;margin-bottom:12px}.semibold-subheader{font-size:20px;font-weight:600;margin-bottom:12px}.component-container{display:flex;position:relative;width:100vw;max-width:100%;content-visibility:auto;contain-intrinsic-size:auto 500px}.main-content-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:70%;padding:40px;line-height:1.25}.secondary-content-container{width:30%;padding:40px}.secondary-content-container h2{font-size:32px;font-weight:800}.experience-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:36px}.gap{gap:40px}.links-container{display:flex;gap:12px;font-size:20px;margin-top:32px}.hero{transition:opacity .4s ease-out,visibility .4s ease-out}.hero.is-hidden{opacity:0;visibility:hidden}#canvas-container{position:fixed;width:100vw;height:100vh;max-width:100%;max-height:100%;z-index:2;transition:.2s;contain:strict}#logo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:absolute;text-align:left;top:20vh;width:90vw;max-width:1000px}#home{width:90vw;max-width:1000px}#logo-name h1{font-size:80px;font-weight:800}#logo-title h2{font-size:24px;font-weight:600}#logo p,.footer-small{font-family:Assistant,sans-serif}#about-text-container{display:flex;flex-direction:column;gap:12px}#portfolio-container{display:flex;align-items:flex-start;justify-content:center;position:absolute;inset:0 0 auto;width:100vw;height:100vh;padding-bottom:40px;max-width:100%}#portfolio-section-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:12px;position:absolute;top:70vh;width:90vw;max-width:1000px;backdrop-filter:blur(10px);border-top-left-radius:42px;border-top-right-radius:42px;z-index:3;transition:.25s ease-in;contain:style}.shadow{transition:.25s ease-in}.skill-group{margin-bottom:2rem}.skill-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none}.skill-tag{display:inline-block;padding:8px 14px;border:1px solid var(--color-fg)}.bulletpoint,.education-desc,.main-content-container{font-size:20px;font-weight:300}.bulletpoint-container{list-style-type:disc;padding-left:1.25rem;display:flex;flex-direction:column;gap:12px;margin-top:12px}#toggle-container{display:flex;align-items:center;justify-content:center;padding:40px 40px 0 0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:16px}.checkbox-label input[type=checkbox]{appearance:none;width:16px;height:16px;border:1px solid var(--color-fg);border-radius:2px;cursor:pointer;position:relative;flex-shrink:0}.checkbox-label input[type=checkbox]:before,.checkbox-label input[type=checkbox]:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1.5px;background:var(--color-fg);transform-origin:center;transform:translate(-50%,-50%) rotate(45deg) scaleX(0);transition:transform .15s ease-out}.checkbox-label input[type=checkbox]:after{transform:translate(-50%,-50%) rotate(-45deg) scaleX(0)}.checkbox-label input[type=checkbox]:checked:before{transform:translate(-50%,-50%) rotate(45deg) scaleX(1)}.checkbox-label input[type=checkbox]:checked:after{transform:translate(-50%,-50%) rotate(-45deg) scaleX(1);transition-delay:.05s}.site-footer{width:100%;display:flex;justify-content:center;padding:40px}.footer-inner{width:90vw;max-width:1000px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px}.back-to-top{background:none;border:none;cursor:pointer;font-size:16px;font-weight:600;color:var(--color-fg);text-transform:uppercase;border-bottom:1px solid transparent;transition:border-bottom .2s ease}.back-to-top:hover{border-bottom:1px solid var(--color-fg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:940px){.footer-bottom{flex-direction:column-reverse;align-items:flex-start;gap:24px}.site-footer{padding:40px 0;gap:24px}#portfolio-section-container,.component-container{flex-direction:column}#portfolio-section-container{width:100vw;max-width:100%;top:40vh;backdrop-filter:blur(0px)}#portfolio-section-container:last-child{padding:0 20px 20px}.secondary-content-container{width:100%;padding:40px 0}.main-content-container{width:100%;padding:0}#logo{margin:0;padding:0 20px;left:0;top:15vh}.main-content-container:last-child{width:100%}#logo-name h1{font-size:48px}#toggle-container{display:none}}@media(prefers-reduced-motion:reduce){#canvas-container,.shadow,#portfolio-section-container{transition:none!important}}
