@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;600;700&family=Inter:ital,opsz@0,14..32;1,14..32&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Roboto:ital,wdth,wght@0,77.7,100;1,77.7,100&display=swap";:root{--bg: #f7f5f2;--paper: #fdfcf9;--ink: #1a1a1a;--moss: #527e59;--pine: #34583a;--accent-soft: #656e67;--font-size-sm: clamp(.8rem, 2vw, 1rem);--font-size-base: clamp(1rem, 2.5vw, 1.2rem);--font-size-lg: clamp(1.5rem, 4vw, 2rem);--font-size-xl: clamp(2rem, 6vw, 3.5rem);--font-size-xxl: clamp(3rem, 8vw, 6rem);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem}*{margin:0;padding:0;box-sizing:border-box}.max480{display:none}.home{position:relative;height:100vh}.header{width:100%;flex-direction:column;display:flex;align-items:center;justify-content:end}.header div{font-size:calc(2.5rem + 5vw);letter-spacing:2px;line-height:.8;text-align:center;color:#527e59;font-family:KiwiSoda,sans-serif}.header p{font-size:calc(.5rem + 1vw);font-weight:100;color:#527e59;font-family:VCR;letter-spacing:.1em;align-items:center}nav{display:flex;justify-content:left;padding:1.2rem;position:fixed;top:0;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;font-family:IBM Plex Mono,monospace;font-weight:100;margin:0;flex-wrap:wrap}.nav-item-container{display:flex;flex-direction:row;gap:19px;align-items:center;justify-content:center}.nav-item{display:inline-flex;font-weight:500;text-decoration:inherit;width:min-content;text-align:center;margin:0;align-items:center;justify-content:center;transition:color .5s ease}.nav-item:hover{color:#f0f5f2;transition:color .5s ease}.nav-item:before,.nav-item:after{content:"";display:inline-block;width:2ch;text-align:center;transition:opacity .3s ease;opacity:0}.nav-item:before{content:">>"}.nav-item:after{content:"<<"}.nav-item:before,.nav-item:after{display:inline-block;width:2ch;text-align:center;opacity:0;transition:opacity .3s ease}.nav-item:hover:before,.nav-item:hover:after{opacity:1}.socials{display:flex;color:#6d8170;font-size:xx-large;gap:10px;padding:5px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px}.socials a{transition:all .1s ease-in;text-shadow:0 0px 15px rgb(10,128,38)}.socials a:hover{color:var(--moss);transition:all .1s ease-in}.contact-container{display:flex;justify-content:end;height:50%;width:100%;font-size:1rem;font-family:KiwiSoda,sans-serif}.action-links{display:flex;width:100%;gap:2.5rem;font-size:calc(.95rem + .5vw);align-items:center;justify-content:center;padding:2vh;user-select:none;-webkit-user-select:none;-ms-user-select:none}.action-links a{position:relative;color:#5f6760;text-decoration:none;transition:color .3s ease;line-height:1rem}.action-links a:before{content:"[   ";margin-right:.1ch;transition:content .3s ease}.action-links a:after{content:"   ]";margin-left:.1ch;transition:content .3s ease}.action-links a:hover:before{content:'["'}.action-links a:hover:after{content:'"]'}.action-links a:hover{color:var(--pine)}.about{display:flex;height:100%;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;font-family:VCR;font-weight:100}.skills-mobile{display:none}.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:85%;height:100%;overflow:visible}.about-info{display:flex;align-self:center}.title-container{display:flex;align-self:center;justify-content:center;margin:0;width:50%;padding:0;border-bottom:2px solid #2f4f3a55}.about-title{display:flex;width:fit-content;font-size:calc(1rem + 5vw);font-family:KiwiSoda,sans-serif;line-height:80%;color:var(--pine);text-align:start;margin-top:3%;margin-left:0;align-items:end;justify-content:center;text-align:center}.about-text{font-size:calc(30% + 1vw);font-weight:50;color:var(--pine);flex-direction:column;padding-top:25px;width:100%;height:100%;justify-content:center;align-self:center;font-weight:700}.about-text-highlight{color:var(--pine);font-family:VCR;font-weight:700;letter-spacing:1px;font-family:rainyhearts,sans-serif;font-size:calc(40% + 1vw);word-spacing:2px}.about-image-container{width:25vw;aspect-ratio:1 / 1;overflow:hidden;display:flex;justify-content:start;align-items:center;position:relative}.img-border{position:absolute;pointer-events:none;object-fit:cover;width:100%;padding:10%}.about-img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center top;padding:10%}.halftone-bg{background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.15) 2px,transparent 0),radial-gradient(circle at 1px 1px,rgba(255,255,255,.1) 1px,transparent 0);background-size:5px,5px,5px 5px}.left-blob{height:110%;position:fixed;z-index:-10;display:flex;justify-content:center;bottom:-10vh;align-items:center;left:0;object-fit:cover;opacity:100%}.background-blocks{position:absolute;inset:0;z-index:0;align-items:end;display:flex;justify-content:center}.background-blocks:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:url(/assets/blocks-xNuSCCIu.png);background-repeat:repeat-x;background-size:900px;background-position:bottom center}@media(max-width:900px),(max-aspect-ratio:3/4){.page-container{align-items:center;justify-content:center;padding-top:25vh}.header div{margin-top:0;line-height:.9}.header p{margin-top:.35rem}.contact-container{height:auto;justify-content:center;padding:1.25rem 0 1rem}}@media(max-width:480px){.skills-desktop{display:none}.max480{display:flex;flex-direction:column}.about-image-container{order:1;height:100%;width:100vw;aspect-ratio:none;align-items:start;justify-content:center}.img-border,.about-img{width:70%;aspect-ratio:1/1;object-fit:cover;object-position:center top}.about-text{width:100%;height:max-content;justify-content:center;padding:10%;font-size:calc(30% + 1vw)}.about-info{flex-direction:column}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.flex{display:flex}}@font-face{font-family:KiwiSoda;src:url(/assets/KiwiSoda-C3uP6YfD.ttf)format("truetype")}@font-face{font-family:VCR;src:url(/assets/VCR_OSD_MONO_1.001-Ceif2qmb.ttf)format("truetype")}@font-face{font-family:rainyhearts;src:url(/assets/rainyhearts-C-NYzKXz.ttf)format("truetype")}html,body,#root{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#9da594;align-items:center;width:100%;min-height:100%;margin:0;padding:0;font-size:100%;overflow:hidden auto}.nav-item{-webkit-user-select:none;user-select:none}.app{width:100vw;min-height:100dvh;position:relative}.background{z-index:0;position:absolute;inset:0}.content{color:#fff;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:94vh;padding-top:4em;display:flex;position:relative}.contact-container{justify-content:center;height:auto;padding:1.25rem 0 1rem}.projects{position:relative;color:#fff;width:100%;min-height:100vh;box-sizing:border-box;display:flex;background-color:#638963;justify-content:center}.projects-container{display:flex;flex-direction:column;width:100%;position:relative;height:100%}.projects-title{display:flex;width:100%;font-size:clamp(2.8rem,11vw,7.5rem);font-family:KiwiSoda,sans-serif;line-height:50%;color:#cfbca5;text-align:start;padding:clamp(4rem,6vw,6rem);justify-content:center}.projects-layout{display:grid;grid-template-columns:420px 1fr;gap:2rem;padding-left:clamp(1.25rem,3vw,6rem);padding-bottom:15px;padding-top:15px;font-family:VCR OSD Mono,monospace;color:#2f4f3a;align-items:center;height:80%}.projects-list{display:flex;flex-direction:column;min-width:min(23rem,100%);justify-content:center;line-height:80px}.project-row{display:flex;align-items:center;position:relative;min-width:100%;min-height:2.1rem;padding:.35rem .8rem .35rem .55rem;cursor:pointer;overflow:hidden;isolation:isolate}.project-row:hover{background-color:#729167}.project-row:hover:after{content:"_";display:inline-block;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.project-title{letter-spacing:.14em;font-size:1rem;opacity:.85;margin-left:2rem;position:relative;display:flex;z-index:1;white-space:nowrap}.project-row.active{width:calc(100% - .7rem);border-color:transparent}.project-row.active .project-title{opacity:1}.project-row.active .project-title:before{content:">"}.project-row.active:hover :after{content:none}.project-panel{flex:1;padding-right:3rem;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform-origin:center;transform:scale(.8);transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease}.project-panel.open{transform:scale(1);opacity:1}.project-panel.exit{transform:scale(.92);opacity:0}.project-panel-text{display:flex;flex-direction:column;justify-content:center;padding-left:3rem;width:100%}@keyframes slideIn{0%{transform:scale(1);opacity:0}to{transform:scale(.92);opacity:1}}.project-panel p{width:100%;opacity:.85;overflow-wrap:anywhere;display:flex;align-items:center}.project-title-date{display:flex;gap:50px;white-space:nowrap;align-items:center}.project-links{margin-top:2rem;width:100%;display:flex}.project-links a{margin-right:1.6rem;text-decoration:underline;color:inherit}.project-images{display:flex;justify-content:center;align-items:center;width:100%;height:300px;aspect-ratio:16 / 10;position:relative;padding:1.75rem 2.8rem}.main-image{width:100%;height:100%;object-fit:contain;border-radius:8px}.image-counter{width:3.25rem;height:2.1rem;border:none;border-radius:999px;font-size:1.25rem;line-height:1;right:0rem;top:2.1rem;display:inline-flex;align-items:center;justify-content:center;background:#2f4f3a24;color:#2f4f3a;position:absolute;transition:background-color .2s ease,transform .2s ease}.nav-btn{width:2.1rem;height:2.1rem;border:none;border-radius:999px;font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;background:#2f4f3a24;color:#2f4f3a;cursor:pointer;position:absolute;transition:background-color .2s ease,transform .2s ease}.nav-btn:hover{background:#2f4f3a40;transform:scale(1.05)}.nav-btn.left{left:.35rem}.nav-btn.right{right:.35rem}.dither-container{position:relative;-webkit-tap-highlight-color:transparent}html,body,#root,canvas{margin:0;padding:0;top:0;overflow-x:hidden;overflow-y:auto}body{margin:0;display:block;place-items:center;min-width:320px;min-height:100vh;font-family:Space Grotesk,sans-serif;color:#e0e0e0}.pixel-window{background:#8da385;border-radius:0;padding:16px;border:2px solid #274436;display:flex;flex-direction:column;width:100%}.pixel-window2{background:#8da385;border-radius:0;padding:16px;height:100%;width:100%;border:2px solid #274436;display:flex;flex-direction:column}.pixel-window-header{background:var(--pine);color:#7da087;padding:6px 10px;display:flex;justify-content:space-between;align-items:center;font-family:monospace;margin:-16px -16px 16px;border-bottom:2px solid #223029}.pixel-window-content{display:flex;flex-direction:column;width:100%}.window-controls{font-weight:700;letter-spacing:2px;display:flex;gap:10px;align-items:center;justify-content:center}@media(max-width:900px),(max-aspect-ratio:3/4){.pixel-window{width:100%}.pixel-window2{height:100%;width:100%}.projects-layout{padding:clamp(1.25rem,6vw,6rem);display:flex;flex-direction:column}.project-panel-text{padding-left:0}.projects-list{gap:1.2rem}.project-row{max-height:.95rem;padding:.3rem .65rem .3rem .45rem}.project-row.active{max-height:.95rem}.project-title{margin-left:1.75rem}.project-panel{padding:1.25rem 0 .25rem;justify-content:end;animation:none;flex-direction:column}.project-images{width:70vw;min-height:10px;padding:1rem 2rem;align-self:center}.nav-btn{width:1.9rem;height:1.9rem;font-size:1.1rem}}