:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-highlighted:#dcb9ff;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #17131340 0 4px 6px -2px;--shadowUp:#0006 0 -10px 15px -3px, #17131340 0 -4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.button{color:var(--accent);background:var(--accent-bg);cursor:pointer;border:2px solid #0000;border-radius:5px;padding:5px 10px;font-size:16px;transition:color .3s,border-color .3s,scale .3s,border .3s,border-radius .3s}.button:hover{color:var(--accent);border-color:var(--accent-border);border-radius:6px;scale:1.05}.button:active{color:var(--accent-highlighted);border:2px solid;border-radius:8px;transition:color .1s,border-color .1s,scale .1s,border .1s,border-radius .1s;scale:1.1}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.textBlock{text-align:left;white-space:pre-line;background-color:#ffffff0d;border:2px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;margin-bottom:10px;margin-left:15px;margin-right:15px;padding:5px 15px;display:flex}.body{flex-direction:column;min-height:100vh;display:flex}.main{flex-grow:1}#tooltip{z-index:9999;background-color:#111116;border-radius:10px}.navbar{--height:100px;--bg:black;z-index:1000;width:100%;box-shadow:var(--shadow);transition:top .5s}.navbar .topRow{align-items:center;gap:10px;margin:10px 10px 15px;display:flex}.navbar .left,.navbar .right{gap:5px;display:flex}.navbar .navigationTextActive,.navbar .navigationText{color:var(--text);border:2px solid #0000;border-color:var(--border);cursor:pointer;border-radius:5px;padding:2px 5px;font-size:16px;transition:scale .3s,border-color .1s}:is(.navbar .navigationTextActive,.navbar .navigationText):hover{scale:1.05}:is(.navbar .navigationTextActive,.navbar .navigationText):active{transition:scale .1s,border-color .1s;scale:1.1}.navbar .navigationTextActive{color:#fff;border-color:var(--text);text-decoration:underline}.navbar .navigationTextActive:active{border-color:#fff}.navbar .linkedinIcon,.navbar .clickableIcon,.navbar .icon{fill:currentColor;width:30px;height:30px;color:var(--text)}.navbar .linkedinIcon,.navbar .clickableIcon{cursor:pointer;transition:color .2s,scale .2s}:is(.navbar .linkedinIcon,.navbar .clickableIcon):hover{color:#fff;scale:1.1}:is(.navbar .linkedinIcon,.navbar .clickableIcon):active{color:#fff;transition:color .1s,scale .1s;scale:1.3}.navbar .linkedinIcon{width:28px}.navbar .mail{cursor:pointer;justify-content:center;gap:5px;transition:color .3s,scale .3s;display:inline-flex}.navbar .mail:hover{color:#93d2ff;text-decoration:underline;scale:1.05}.navbar .mail:active{color:#0095ff;transition:color .1s,scale .1s;scale:1.1}.navbar .mail .mailIcon{fill:currentColor;width:25px;height:25px;color:inherit}.navbar .mail .link{text-align:center;-webkit-text-decoration:inherit;text-decoration:inherit;font-size:16px}.navbar .name{height:100%;font-family:var(--heading);color:var(--text-h);white-space:nowrap;flex-grow:1;font-size:32px;font-weight:500}#visible,#hidden{background-color:var(--bg);box-shadow:inherit;width:inherit;transition:inherit;position:fixed;left:0}.titles{flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:10px;display:flex}.titles .musicIcon,.titles .icon{fill:currentColor;width:20px;min-width:20px;height:20px;min-height:20px;color:inherit}.titles .musicIcon{width:16px;min-width:16px;height:16px;min-height:16px}.titles .gameDeveloperTitle,.titles .soundDesignerTitle,.titles .title{white-space:nowrap;border:2px solid #0000;border-radius:6px;align-items:center;gap:4px;width:auto;height:26px;padding:0 5px;font-size:16px;line-height:14px;transition:scale .2s;display:flex}:is(.titles .gameDeveloperTitle,.titles .soundDesignerTitle,.titles .title):hover{scale:1.05}.titles .gameDeveloperTitle{color:#ffc099;background-color:#ffc0991a;border-color:#ffc09926}.titles .soundDesignerTitle{color:#99c5ff;background-color:#99c5ff1a;border-color:#99c5ff26}.titles .titleSeperator{background-color:var(--text);border-radius:2px;align-self:center;width:2px;height:30px}.mainPanel{--shadow:2px 2px 2px #00000080;--svg-shadow:drop-shadow(2px 2px 2px #00000080);background-color:var(--code-bg);border:2px solid #0000;border-color:var(--border);border-radius:10px;flex-direction:column;max-width:400px;padding:10px;display:flex}.projectTitle{letter-spacing:1px;color:#fff;text-shadow:4px 4px 8px #000;margin-bottom:10px;font-size:30px;font-weight:700}.subtitle{text-shadow:4px 4px 8px #000;justify-content:center;gap:2.5px;font-size:20px;font-weight:450;display:flex}.subtitleIcon{fill:currentColor;width:24px;filter:var(--svg-shadow)}.imageClickable,.image{border:2px solid #0000;border-color:var(--border);width:calc(100% - 20px);height:auto;image-rendering:pixelated;border-radius:10px;margin-top:10px;margin-bottom:5px;font-size:20px;font-weight:450;transition:scale .3s;box-shadow:2px 2px 8px #0006}:is(.imageClickable,.image) .overlayVisible,:is(.imageClickable,.image) .overlay{color:#0000;pointer-events:none;border-radius:inherit;text-align:center;justify-content:center;align-items:center;width:100%;height:100%;transition:all .15s;display:flex;position:absolute;top:0;left:0}:is(.imageClickable,.image) .overlayVisible{color:#fff;text-shadow:var(--shadow);background-color:#0009}.imageClickable{cursor:pointer}.imageClickable:hover{scale:1.03}.infoLine{flex-wrap:nowrap;height:25px;margin-bottom:8px;display:flex}.infoLine .clock,.infoLine .side{gap:5px;justify-content:baseline;display:flex}.infoLine .clock{color:#fff}.infoLine .date{text-shadow:var(--shadow);color:#fff;pointer-events:none;flex-grow:1;font-size:20px;font-weight:450}.infoLine .icon{fill:currentColor;width:auto;height:25px;filter:var(--svg-shadow)}.infoLine .text{pointer-events:none;text-shadow:var(--shadow)}.infoLine .teamSize{color:orange;position:relative}.infoLine .teamSize .text{letter-spacing:-.7px;width:100%;color:var(--code-bg);text-shadow:none;align-self:center;font-size:12px;font-weight:700;position:absolute;top:-5px;left:0}.seperator{background-color:var(--text);height:2px;box-shadow:var(--shadow);border-radius:5px;margin-bottom:5px}.projectText{text-align:left;white-space:pre-line;margin-bottom:5px}.projectContent{fill:currentColor;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.projectContent .icon{width:auto;height:20px}.projects{flex-flow:wrap;justify-content:center;align-items:stretch;gap:30px;display:flex}.projects .button{gap:5px;display:flex}.homeMain{flex-direction:column;justify-content:center;align-items:center;display:flex}.homeMain .selfie{border:4px solid #0000;border-color:var(--border);border-radius:999px;width:200px;height:200px;margin-bottom:20px}.scrollText{color:#fff;justify-content:center;gap:10px;font-size:20px;display:flex}.arrow{color:#fff;width:14px;scale:1.5}.aboutMain{flex-direction:column;justify-content:center;align-items:center;display:flex}.lastUpdated{color:color-mix(in srgb, var(--text), black);margin-bottom:10px}.mainText{font-family:var(--heading);color:var(--text-h);margin:12px 0;font-size:36px;font-weight:500}.projectPageMain{flex-direction:column;justify-content:center;align-items:center;width:100%;height:fit-content;display:flex}.projectPageMain .title{letter-spacing:0;font-weight:700}.projectPageMain .year{margin-top:-10px;margin-bottom:10px}.projectPageMain img{border:2px solid #0000;border-color:var(--border);border-radius:10px;align-self:center;width:100%;margin-top:10px}.projectPageMain .grid{flex-flow:wrap;justify-content:center;align-items:stretch;display:flex}.projectPageMain .fill{flex-grow:1}.projectPageMain .textBlock{flex-direction:column;flex-grow:1;max-width:70vh;display:flex}.footer{color:#fff;text-align:center;width:100%;box-shadow:var(--shadowUp);height:calc(auto + 100vh);background-color:#000;padding:15px 0}