:root{--max-width:1100px;--border-radius:12px;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}@media(prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}*{box-sizing:border-box;padding:0;margin:0}@font-face{font-family:Apercu Light;src:url(/_next/static/media/Apercu\ Light.6de0c68f.otf)}@font-face{font-family:Apercu Regular;src:url(/_next/static/media/Apercu_Regular.cf63cb9f.otf)}@font-face{font-family:Apercu Medium;src:url(/_next/static/media/Apercu\ Medium.6545cfb8.otf)}@font-face{font-family:Apercu Bold;src:url(/_next/static/media/Apercu\ Bold.ef649a15.otf)}@font-face{font-family:Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;src:url()}.i-col100{width:100%}@media(max-width:430px){.i-col100{width:100%}}.i-col90{width:90%}@media(max-width:430px){.i-col90{width:100%}}.i-col80{width:80%}@media(max-width:430px){.i-col80{width:100%}}.i-col70{width:70%}@media(max-width:430px){.i-col70{width:100%}}.i-col60{width:60%}@media(max-width:430px){.i-col60{width:100%}}.i-col50{width:50%}@media(max-width:430px){.i-col50{width:100%}}.i-col40{width:40%}@media(max-width:430px){.i-col40{width:100%}}.i-col30{width:30%}@media(max-width:430px){.i-col30{width:100%}}.i-col25{width:25%}@media(max-width:430px){.i-col25{width:100%}}.i-col20{width:20%}@media(max-width:430px){.i-col20{width:100%}}.i-col10{width:10%}@media(max-width:430px){.i-col10{width:100%}}.i-fl{float:left}.i-fr{float:right}.i-container{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:auto;padding-top:25vh}@media(max-width:940px){.i-container{padding-top:0}}.i-container-aboutpage{display:flex;padding-top:25vh}@media(max-width:940px){.i-container-aboutpage{padding-top:0}.i-container-aboutpage.hide-mobile{display:none}}.i-container-aboutpage.projects-page{padding-top:20vh;margin-bottom:15vh}@media(max-width:430px){.i-container-aboutpage{display:block;padding:0 25px 55px}}.i-clr{clear:both}.i-pd-top-10{padding-top:10%}.main{max-width:1025px;max-height:100vh;height:100vh;width:100%;display:flex;justify-content:space-between;align-items:center;margin:auto}@media(max-width:430px){.main.about,.main.experience,.main.projects{padding-top:20%;padding-bottom:20%;max-width:100%;max-height:100%;height:auto;width:100%}}.description{display:inherit;justify-content:inherit;align-items:inherit;font-size:.85rem;max-width:var(--max-width);width:100%;z-index:2;font-family:var(--font-mono)}.description a{display:flex;justify-content:center;align-items:center;gap:.5rem}.description p{position:relative;margin:0;padding:1rem;background-color:rgba(var(--callout-rgb),.5);border:1px solid rgba(var(--callout-border-rgb),.3);border-radius:var(--border-radius)}.code{font-weight:700;font-family:var(--font-mono)}.grid{display:grid;grid-template-columns:repeat(4,minmax(25%,auto));max-width:100%;width:var(--max-width)}.card{padding:1rem 1.2rem;border-radius:var(--border-radius);background:rgba(var(--card-rgb),0);border:1px solid rgba(var(--card-border-rgb),0);transition:background .2s,border .2s}.card span{display:inline-block;transition:transform .2s}.card h2{font-weight:600;margin-bottom:.7rem}.card p{margin:0;opacity:.6;font-size:.9rem;line-height:1.5;max-width:30ch;text-wrap:balance}.center{display:flex;justify-content:center;align-items:center;position:relative;padding:4rem 0}.center:before{background:var(--secondary-glow);border-radius:50%;width:480px;height:360px;margin-left:-400px}.center:after{background:var(--primary-glow);width:240px;height:180px;z-index:-1}.center:after,.center:before{content:"";left:50%;position:absolute;filter:blur(45px);transform:translateZ(0)}.logo{position:relative}@media(hover:hover)and (pointer:fine){.card:hover{background:rgba(var(--card-rgb),.1);border:1px solid rgba(var(--card-border-rgb),.15)}.card:hover span{transform:translateX(4px)}}@media(prefers-reduced-motion){.card:hover span{transform:none}}@media(max-width:700px){.content{padding:4rem}.grid{grid-template-columns:1fr;margin-bottom:120px;max-width:320px;text-align:center}.card{padding:1rem 2.5rem}.card h2{margin-bottom:.5rem}.center{padding:8rem 0 6rem}.center:before{transform:none;height:300px}.description{font-size:.8rem}.description a{padding:1rem}.description div,.description p{display:flex;justify-content:center;position:fixed;width:100%}.description p{align-items:center;inset:0 0 auto;padding:2rem 1rem 1.4rem;border-radius:0;border:none;border-bottom:1px solid rgba(var(--callout-border-rgb),.25);background:linear-gradient(to bottom,rgba(var(--background-start-rgb),1),rgba(var(--callout-rgb),.5));background-clip:padding-box;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.description div{align-items:flex-end;pointer-events:none;inset:auto 0 0;padding:2rem;height:200px;background:linear-gradient(to bottom,transparent 0,rgb(var(--background-end-rgb)) 40%);z-index:1}}@media(min-width:701px)and (max-width:1120px){.grid{grid-template-columns:repeat(2,50%)}}@media(prefers-color-scheme:dark){.vercelLogo{filter:invert(1)}.logo{filter:invert(1) drop-shadow(0 0 .3rem rgba(255,255,255,.4392156863))}}@keyframes rotate{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}body,html{overflow-x:hidden}:root{--cursorX:50vw;--cursorY:50vh}:root:before{content:"";display:block;width:100%;height:100%;position:fixed;pointer-events:none;background:radial-gradient(circle 40vmax at var(--cursorX) var(--cursorY),rgba(32,50,88,.504) 0,transparent 100%)}body{color:rgb(var(--foreground-rgb));background:#111827}a{color:inherit;text-decoration:none}@media(prefers-color-scheme:dark){html{color-scheme:dark}}