#skipToContent{position:absolute;display:block;top:0;left:50%;transform:translate(-50%);z-index:900;transition:top .15s ease-in-out;color:var(--textColor);background-color:var(--backgroundSubColor);padding:.5em 1em;text-decoration:none;box-shadow:0 0 .2em .05em var(--highlightColor)}#skipToContent:focus{top:calc(var(--headerHeight) + .05em)}header{font-family:Share Tech Mono,monospace;width:100%;height:var(--headerHeight);padding:.75em;display:flex;justify-content:center;align-items:center;gap:1.5em;background-color:var(--backgroundSubColor);box-shadow:0 0 .25em .1em #000;z-index:999;position:sticky;top:0}header a{text-decoration:none;transition:all .15s ease-in-out}header a:has(div):nth-child(2){order:0}header a:has(div):nth-child(3){order:2}header a div{font-size:1.25em;padding:.35em;color:var(--textColor);font-weight:700;transition:inherit}header a:has(img){order:1;padding-top:.2em}header a img{box-sizing:content-box;height:2.25em;padding:.5em 1em;width:auto;border-inline:0 solid var(--textSubColor);border-width:.03em;transition:inherit}header a:hover :is(div,img),header a:focus :is(div,img){background-color:var(--backgroundColor);border-width:0;transform:scale(1.05)}#eak{margin-block:.35em;font-size:clamp(2.5em,12vw,5.5em);font-family:Share Tech Mono,monospace;font-weight:700;color:var(--accentColor);-webkit-user-select:none;user-select:none;display:flex;flex-wrap:wrap;justify-content:center;gap:0 .3em;padding-block:.4em;transition:gap .75s ease-in-out,height .35s}#eak span{white-space:nowrap}#eak span .extra{display:inline-block;max-width:2.5em;opacity:1;transition:max-width .75s ease-in,opacity .5s ease-out .25s}#eak:hover,#eak.collapsed{gap:0}:is(#eak:hover,#eak.collapsed) .extra{max-width:0;opacity:0;transition:max-width .55s ease-out .1s,opacity .4s ease-out}@counter-style whoList{system:fixed;symbols:"👨‍🦲" "🌱" "🧠" "🧑‍💻";suffix:" "}@counter-style whatList{system:fixed;symbols:"💻" "🤝" "🫂" "🧶";suffix:" "}#aboutWrapper #aboutGrid{max-width:80em;display:flex;flex-direction:column;margin-inline:auto;padding:.5em 1.5em 2em;gap:1.5em}#aboutWrapper #aboutGrid #who,#aboutWrapper #aboutGrid #what,#aboutWrapper #aboutGrid #where{background-color:var(--backgroundSubColor);padding:1.25em 1.75em 1.75em;border-radius:.5em;box-shadow:0 0 .5em .1em #000}:is(#aboutWrapper #aboutGrid #who,#aboutWrapper #aboutGrid #what,#aboutWrapper #aboutGrid #where) h2{font-size:2.5em;margin-bottom:.25em}:is(#aboutWrapper #aboutGrid #who,#aboutWrapper #aboutGrid #what,#aboutWrapper #aboutGrid #where) ul{margin:0}:is(#aboutWrapper #aboutGrid #who,#aboutWrapper #aboutGrid #what,#aboutWrapper #aboutGrid #where) ul li+li{margin-top:.75em}:is(#aboutWrapper #aboutGrid #who,#aboutWrapper #aboutGrid #what,#aboutWrapper #aboutGrid #where) ul li div{color:var(--textSubColor);font-size:.75em;margin-top:.2em}#aboutWrapper #aboutGrid #who ul{list-style-type:whoList}#aboutWrapper #aboutGrid #what ul{list-style-type:whatList}@media (min-width: 80em){#aboutWrapper #aboutGrid{display:grid;align-items:unset;grid-template-areas:"who what" "where where";grid-template-columns:1fr 1fr;padding:1em 2.5em 2.5em;gap:2em}#aboutWrapper #aboutGrid #who ul{list-style-type:whoList}#aboutWrapper #aboutGrid #what{grid-area:what}#aboutWrapper #aboutGrid #where{grid-area:where}#aboutWrapper #aboutGrid #who{grid-area:who}#aboutWrapper #aboutGrid #who,#aboutWrapper #aboutGrid #what{display:flex;flex-direction:column;flex-wrap:nowrap}#aboutWrapper #aboutGrid ul{flex-grow:1;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-around}}.techItem{position:relative;background-color:transparent;padding:.75em}.techItem img{height:2.75em;width:2.75em;filter:drop-shadow(0 0 .3em black);transition:all .25s ease-in-out;vertical-align:bottom}.techItem div{position:absolute;font-size:.9em;top:70%;left:50%;transform:translate(-50%);color:var(--textColor);background-color:var(--backgroundColor);border:.05em solid color-mix(in srgb,var(--textSubColor),transparent 66%);font-weight:700;padding:.25em;opacity:0;transition:all .25s ease-in-out}.techItem:is(:hover,:focus-within) img{transform:scale(.8) translateY(-.35em);filter:drop-shadow(0 0 .35em var(--highlightColor))}.techItem:is(:hover,:focus-within) div{opacity:1}.projDisplay{display:block;color:var(--textColor);background-color:var(--backgroundSubColor);box-shadow:0 0 .15em .05em #000;height:20em;width:36em;position:relative;border-radius:.5em;padding-bottom:5em;overflow:hidden;transition:all .3s}.projDisplay>img,.projDisplay>video{cursor:inherit;position:absolute;top:0;left:0;transform:inherit}.projDisplay>video{height:inherit;width:inherit}.projDisplay>img{height:100%;width:100%;object-fit:cover;object-position:center}.projDisplay .projInfo{position:absolute;background-color:color-mix(in srgb,var(--backgroundColor) 60%,#0000);box-shadow:color-mix(in srgb,var(--backgroundColor) 60%,#0000) 0 -.15em .3em;padding:1.5em 1em;display:flex;align-items:center;bottom:0;left:0;height:20%;width:100%;transition:all .3s}.projDisplay .projInfo h3{font-size:2em}.projDisplay .projInfo p{font-size:1em}.projDisplay .projInfo .projTechList{width:inherit;justify-content:center;font-size:.75em}.projDisplay video,.projDisplay p,.projDisplay .projTechList{display:none}.projDisplay:hover,.projDisplay:focus{transform:scale(1.05);filter:drop-shadow(0 0 .35em var(--highlightColor))}:is(.projDisplay:hover,.projDisplay:focus) .projInfo{flex-direction:column;height:45%;justify-content:space-around;background-color:color-mix(in srgb,var(--backgroundColor) 72%,#0000);padding:.75em 1.5em 0}:is(.projDisplay:hover,.projDisplay:focus) .projTechList{display:flex;margin-top:-.5em}:is(.projDisplay:hover,.projDisplay:focus) video,:is(.projDisplay:hover,.projDisplay:focus) p{display:unset}:is(.projDisplay:hover,.projDisplay:focus)>img,:is(.projDisplay:hover,.projDisplay:focus) h3{display:none}.projItem{color:var(--textColor);background-color:var(--backgroundColor);text-decoration:none;padding:.5em .75em;border-radius:.25em;width:35em;box-shadow:0 0 .15em .05em #000;display:grid;grid-template-columns:min-content 1fr;grid-template-rows:min-content min-content min-content;grid-template-areas:"logo name" "logo techs" "description description";transition:all .3s ease-in-out}.projItem:not(#specificityIncrease):not([href]){opacity:.6;cursor:not-allowed}.projItem[href]:hover,.projItem[href]:focus{transform:scale(1.05);filter:drop-shadow(0 0 .25em var(--highlightColor))}.projItem img{grid-area:logo;height:2.5em;width:auto;margin-right:.3em;align-self:center}.projItem h3{grid-area:name;font-size:1.25em}.projItem .projectTechs{grid-area:techs;width:fit-content;font-size:.7em;color:var(--textSubColor)}.projItem p{grid-area:description;font-size:.8em;align-self:center;padding-top:.1em;white-space:pre-wrap}#portfolio{font-size:clamp(.6em,2.5vw,1em);padding-block:1em 1.5em;margin-inline:auto;display:flex;flex-direction:column;gap:1.5em}#portfolio h2{font-size:2.75em;text-align:center}#portfolio #projDisplays{max-width:90em;margin-inline:inherit;padding-inline:1em;display:flex;flex-wrap:wrap;justify-content:center;gap:2em}#portfolio #moreProjects{max-width:80em;margin-inline:inherit;display:flex;flex-wrap:wrap;justify-content:center;gap:.75em 2.25em;align-items:center}#portfolio #collapsedProjects{max-width:fit-content;margin:auto;transition:all .3s ease-in-out}#portfolio #collapsedProjects>button{font-size:1.15em;font-weight:700;max-width:clamp(15em,90vw,40em);padding:.5em .75em;color:inherit;background-color:var(--backgroundColor);box-shadow:0 0 .15em .05em #000;transition:inherit}#portfolio #collapsedProjects>button:hover,#portfolio #collapsedProjects>button:focus{transform:scale(1.05);filter:drop-shadow(0 0 .25em var(--highlightColor))}#portfolio #collapsedProjects:not(.open)>button{font-weight:unset;font-size:unset;opacity:.575}#portfolio #collapsedProjects:not(.open)>div{max-height:0;padding-block:0}#portfolio #collapsedProjects>div{max-height:25em;overflow-y:hidden;padding-block:1em;display:flex;flex-direction:column;align-items:center;gap:1em;transition:inherit}.contactItem{background-color:var(--backgroundColor);padding:.5em;border-radius:.5em;display:flex;align-items:center;gap:.5em;text-decoration:none;transition:all .15s ease-in-out}.contactItem img{height:1.75em;width:1.75em;filter:var(--filterToTextColor)}.contactItem span{font-size:1.1em;color:var(--textColor)}.contactItem:is(:hover,:focus){background-color:var(--backgroundSubColor);transform:scale(1.025)}#contact{font-size:clamp(.6em,2.5vw,1em);padding-block:1.25em}#contact h2{font-size:1.5em;text-align:center;color:var(--textSubColor)}#contact>div{margin-top:1em;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1.25em 1.5em}:root{scroll-behavior:smooth;--headerHeight: 4em;scroll-padding-top:calc(1em + var(--headerHeight))}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-width:22.5rem}#root{font-synthesis:style weight;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--textColor: #d4d4d4;--filterToTextColor: brightness(0) saturate(100%) invert(92%) sepia(0%) saturate(1234%) hue-rotate(198deg) brightness(96%) contrast(87%);--textSubColor: #a8a8a8;--filterToTextSubColor: brightness(0) saturate(100%) invert(43%) sepia(0%) saturate(1102%) hue-rotate(190deg) brightness(100%) contrast(82%);--backgroundColor: #1e1e1e;--filterToBackgroundColor: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(0%) hue-rotate(266deg) brightness(99%) contrast(94%);--backgroundSubColor: #333333;--filterToBackgroundSubColor: brightness(0) saturate(100%) invert(14%) sepia(0%) saturate(1271%) hue-rotate(135deg) brightness(98%) contrast(84%);--accentColor: #006ace;--filterToAccentColor: brightness(0) saturate(100%) invert(23%) sepia(76%) saturate(2677%) hue-rotate(196deg) brightness(98%) contrast(101%);--highlightColor: #f5cb32;--filterToHighlightColor: brightness(0) saturate(100%) invert(80%) sepia(40%) saturate(769%) hue-rotate(356deg) brightness(97%) contrast(97%);color-scheme:dark;font-family:Fira Code,monospace;position:relative;min-height:inherit;min-width:inherit;color:var(--textColor);background-color:var(--backgroundColor);transition:font-size .3s ease;scroll-behavior:smooth}#root :focus{outline:none}#root>main>hr{max-width:97.5%;height:.05rem;margin:0 auto;border:none;background-color:color-mix(in srgb,var(--textSubColor),var(--backgroundColor) 70%)}#root img{pointer-events:none;-webkit-user-select:none;user-select:none}#root h1,#root h2,#root h3,#root h4,#root h5,#root h6,#root p{margin:0}#root button,#root a,#root summary{cursor:pointer}#root button,#root a,#root summary,#root input,#root textarea{font-size:inherit;font-family:inherit;border:none}#root ::-webkit-scrollbar{width:1rem;height:1rem}#root ::-webkit-scrollbar-track{border:.05rem solid color-mix(in srgb,var(--textColor),var(--backgroundColor) 80%);background:var(--backgroundColor)}#root ::-webkit-scrollbar-corner{background:var(--backgroundColor)}#root ::-webkit-scrollbar-thumb{background-color:var(--backgroundColor);transition:background-color .35s}#root :hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--textColor),var(--backgroundColor) 82.5%)}#root ::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--textColor),var(--backgroundColor) 77.5%)}#root ::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,var(--textColor),var(--backgroundColor) 65%)}@media (min-width: 60rem){#root{font-size:1.25em}}