:root{--root: #14131e;--surface0: #1f1d2d;--surface1: #242336;--surface2: #353553;--surface3: #494764;--surface4: #555275;--accent-dim: #7e8b5a;--accent: #afc772;--foreground0: #c8d5f1;--foreground1: #949bb9;--foreground2: #747a9c;--blue-bg: #70b6db20;--link: #70b6db;--link-hover: #89dceb;--max-content-width: 1000px;--max-reading-width: 700px;--max-content-height: 800px;--font-size-text: 16px;--font-size-title: 64px;--font-size-heading: 36px}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body,html{font-family:JetBrains Mono,Monaco,monospace;background-color:var(--root);color:var(--foreground0);margin:0;padding:0;overflow:hidden}vim-scroll-container{scroll-snap-type:y mandatory;display:flex;flex-direction:column;height:100vh;overflow:scroll;scrollbar-color:var(--accent-dim) transparent;scrollbar-width:thin}section,showcase-project{min-height:100vh;flex:none;display:flex;justify-content:center;align-items:center}section[snap]>div,showcase-project[snap]>div{max-width:var(--max-content-width)}section:is(showcase-project),showcase-project:is(showcase-project){max-height:100vh}p{font-size:var(--font-size-text);margin:0;padding:0;color:var(--foreground0)}p[dim]{color:var(--foreground1)}p strong{font-weight:900}a{color:var(--link);transition:color .1s ease-in-out;background-color:var(--blue-bg)}a:hover{color:var(--link-hover)}a:focus{outline:solid 2px var(--surface4)}a[_secondary]{color:var(--foreground2);background-color:transparent}ul{list-style:none}ul li:before{content:"- ";color:var(--accent)}nav{display:flex;justify-content:center;background:var(--surface0)}nav>div{display:flex;align-items:center;justify-content:space-between;padding:16px;width:100%;max-width:var(--max-reading-width)}footer{scroll-snap-align:end;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background:var(--root);gap:16px;padding:16px}footer>div{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:var(--max-reading-width)}hr{border:none;border-top:solid 1px var(--surface2)}@media (max-width: 768px){section>div{padding:16px}:root{--font-size-title: 48px;--font-size-heading: 24px}}[snap]{scroll-snap-align:start end}[_flex]{display:flex}[_flex][_flex~=col]{flex-direction:column}[_flex][_flex~=grow]{flex-grow:1}[_flex][_flex~=center]{align-items:center;justify-content:center}[_flex][_flex~=no-basis]{flex-basis:0}[_flex][_flex~=justify-center]{justify-content:center}[_flex][_flex~=align-center]{align-items:center}[gap="4"]{gap:4px}[gap="8"]{gap:8px}[gap="16"]{gap:16px}[gap="32"]{gap:32px}@view-transition{navigation: auto;}::view-transition-group(root){animation-duration:.25s}@keyframes move-out{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:brightness(1)}to{clip-path:polygon(0 0,0% 0,0% 100%,0 100%);filter:brightness(.5)}}@keyframes move-in{0%{filter:brightness(.5);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);translate:0 -10%}to{filter:brightness(1);clip-path:polygon(0% 0,100% 0,100% 100%,0% 100%);translate:0 0}}::view-transition-old(root){animation:.25s ease-out both move-out}::view-transition-new(root){animation:.25s ease-out both move-in}header{height:100vh;flex:none;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;background:var(--root)}#header-container{width:100%;flex-grow:1;max-width:var(--max-content-width);display:flex;gap:32px}#header-container #title{font-size:var(--font-size-title);font-weight:900;line-height:1.1}#header-container #subtitle{font-size:var(--font-size-heading);color:var(--foreground1);line-height:1}#header-container #nav-list{display:flex;flex-direction:column;gap:8px}#helmet-container{position:absolute;bottom:0;left:0;width:calc(50% - 16px);aspect-ratio:1/1;transform-origin:50% 100%}#helmet-container #helmet-head-wrapper{position:absolute;bottom:0;left:0;width:100%;aspect-ratio:1/1;transform-origin:29% 59%}#helmet-container #helmet-head{position:absolute;bottom:0;left:0;width:100%;opacity:.5;transform-origin:29% 59%;rotate:25deg;translate:5% 5%}#helmet-container #helmet-neck{position:absolute;bottom:0;left:0;width:100%;opacity:.25;transition:opacity 2s ease-in-out}@media (scripting: none){#helmet-head{animation:activate 2s ease-in-out forwards}}@media (max-width: 768px){#helmet-container{width:100%;max-height:calc(50% - 16px)}#helmet-head-wrapper,#helmet-head,#helmet-neck{width:100%;max-height:100%}#header-container{flex-direction:column-reverse;align-items:center;z-index:5;padding:16px}#nav-list,#scroll-indicator{display:none}#title{font-size:48px}#subtitle{font-size:24px}}@keyframes activate{0%{opacity:.5;rotate:25deg;translate:5% 5%}70%{opacity:1;rotate:-5deg;translate:0% 0%}80%{translate:-2% 0%}to{opacity:1;rotate:0deg;translate:0% 0%}}@keyframes rotate{0%{rotate:0deg;translate:0% 0%}to{rotate:-30deg;translate:50% -50%}}@keyframes lookup{0%{rotate:0deg;translate:0% 0%}to{rotate:-60deg;translate:10% 10%}}