:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Montserrat", sans-serif;--display1:"Silkscreen", monospace;--display2:"Quantico", sans-serif;--display3:"M PLUS 1 Code", monospace;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}html{color:var(--text);background:var(--bg);transition:background .3s,color .3s}body{background:var(--bg);color:var(--text);margin:0;transition:background .3s,color .3s,border-color .3s}html,body{margin:0;padding:0;overflow-x:hidden}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;transition:border-color .3s;display:flex}h2,h3,h4,h5,h6{color:var(--text-h);font-weight:500;transition:color .3s;font-family:var(--display2)!important}h1,.pixel-title{letter-spacing:-1.68px;margin:32px 0;font-size:56px;font-family:var(--display1)!important;font-weight:0!important}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}p{margin:0;transition:color .3s;font-family:var(--display3)!important}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;transition:color .3s;display:inline-flex}code{background:#e5e4e7;padding:4px 8px;font-size:15px;line-height:135%;transition:background .3s,color .3s}.theme-switch{width:50px;height:28px;display:inline-block;position:relative;background:0 0!important}.theme-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--switch-border);background-color:#e5e4e7;border-radius:34px;width:70px;transition:background-color .3s,border-color .3s;position:absolute;inset:0 0 0 -10.5px}.slider:before{content:"";background-image:url(/theme-images/Switch\(toOrange\).png);background-position:50%;background-size:contain;border-radius:50%;width:100px;height:100px;transition:transform .3s,background-image .3s;position:absolute;left:-6px;transform:translateY(-28.5%)}input:checked+.slider:before{background-image:url(/theme-images/Switch\(toNormal\).png);background-position:50%;background-size:contain;transform:translate(8px,-29.8%)}.top-bar{box-sizing:border-box;z-index:1000;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:100%;height:110px;padding:0 100px;font-family:Montserrat;display:flex;position:fixed;top:0;left:0}.top-bar-mobile{display:none}.top-bar-logo{white-space:nowrap;margin-left:30px;font-size:1.5rem;font-weight:700}.top-bar-logo a{text-decoration:none;overflow:hidden}.top-bar-nav ul{flex-direction:row;margin:0;padding:0;list-style:none;display:flex}.top-bar-nav li{margin:0 1.2rem}.top-bar-nav a,.nav-link{white-space:nowrap;color:#333;font-weight:500;text-decoration:none;transition:color .2s}.top-bar-nav a:visited,.nav-link:visited{color:#333}.top-bar-nav a:hover,.nav-link:hover{color:orange}.top-bar-actions{align-items:center;display:flex}.switch-container{z-index:9999;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:30px;padding:10px 20px;font-weight:700;transition:all .2s;position:fixed;bottom:100px;left:70px;box-shadow:0 4px 12px #00000026}.top-bar.normal-theme{color:#1a1a1a;background-color:#c78316f3;border-bottom:2px inset #563705}.top-bar.normal-theme .top-bar-nav a{color:#fff;font-weight:700}.top-bar.orange-theme{color:#1a1a1a;background-color:#f5debc;border-bottom:2px inset #5b3705}.top-bar.orange-theme .top-bar-nav a{color:#000;font-weight:700}.nav-icon{vertical-align:middle;width:auto;height:280px;transition:transform .2s}.mobile-only,.mobile-drawer{display:none}@media (width<=768px){.desktop-only{display:none}.top-bar{height:75px;padding:0 20px;width:100%!important;max-width:100%!important}.nav-icon{width:auto;height:200px;margin-left:-30px}.switch-container{position:fixed;bottom:20px;left:20px}.mobile-only{display:flex}.top-bar-mobile{cursor:pointer;z-index:2000;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;padding:0;display:flex!important}.top-bar-nav{display:none!important}.hamburger-line{background-color:#333;width:100%;height:3px;transition:all .3s}.normal-theme .hamburger-line{background-color:#fff}.orange-theme .hamburger-line{background-color:#000}.top-bar-mobile.open .hamburger-line:first-child{transform:translateY(7.5px)rotate(45deg)}.top-bar-mobile.open .hamburger-line:nth-child(2){opacity:0}.top-bar-mobile.open .hamburger-line:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.mobile-drawer{z-index:1500;width:75%;height:100vh;padding-top:110px;transition:right .3s ease-in-out;display:block;position:fixed;top:0;right:-100%;box-shadow:-5px 0 15px #00000026}.mobile-drawer.drawer-open{right:0}.mobile-drawer.normal-theme{background-color:#c78316fa}.mobile-drawer.orange-theme{background-color:#f8e9d3fa}.mobile-drawer ul{flex-direction:column;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.mobile-drawer .nav-link{text-align:center;width:100%;padding:10px 0;font-size:1.3rem;font-weight:700;text-decoration:none;display:block}}.main-content{padding-top:90px;padding-left:2rem;padding-right:2rem}.app-container{flex-direction:column;width:100%;padding-top:120px;display:flex}main,.main-content,div{border-left:none!important;border-right:none!important;border-inline:none!important}:root,[data-theme=orange]{--text-main:#1a1a1a;--bg-main:#ffdead!important}[data-theme=normal]{--text-main:#5e2703;--bg-main:#db7f39f4!important}body{background-color:var(--bg-main);color:var(--text-main);margin:0;font-family:sans-serif;transition:background-color .3s,color .3s}.homepage-container{flex-direction:column;gap:20px;padding:30px;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.image{width:700px;height:auto;margin-bottom:20px;margin-left:180px;animation:2s ease-in-out infinite bounce;display:block}.homepage-container p{font-size:25px;line-height:1.3}.homepage-container h1{line-height:1.1}.homepage-container h2{font-size:55px}.homepage-container h3{text-shadow:4px 6px 12px #ffffff26;font-size:40px;animation:3s ease-in-out infinite bounce}.homepage-container h4{margin-top:-10px;font-size:30px}.cards{gap:30px;display:flex}.project1{width:70%;height:65%;margin-left:-150px}.project2{width:70%;height:65%;transform:translate(-200px)}@media (width<=768px){.image{width:350px;height:auto;margin-left:-25px}.homepage-container h1{margin-top:-30px;font-size:50px}.homepage-container h3{margin-top:10px;line-height:1}.cards{flex-direction:column}.project1{width:150%;height:auto;margin-left:-60px}.project2{width:150%;height:auto;margin-left:-60px;transform:none}}[data-theme=orange]{--box-bg:#ac6436;--box-border:#7b3d11}.root,[data-theme=normal]{--box-bg:#fac898;--box-border:#ffba7a}.backgroundpage-container{padding:30px}.backgroundpage-container h2{font-size:2rem;font-weight:700}.backgroundpage-container h3{margin-left:20px;font-size:1.5rem}.main-content{align-items:flex-start;gap:150px;margin-bottom:2rem;display:flex;position:relative;transform:translateY(-40px)}.education-side{text-align:center;background-color:var(--box-bg);border:3px solid var(--box-border);box-sizing:border-box;border-radius:15px;flex:1.2;margin-bottom:10px;padding:15px;display:inline;transform:translate(-170px)}.education-side h2{margin-top:10px;margin-bottom:15px}.details{margin-top:1rem}.education-bullets{font-family:"M PLUS 1 Code";transform:translateY(-10px)}.ta-classes{font-size:.9rem}.extracurriculars{margin-bottom:20px;transform:translateY(10px)}.self-pic{filter:drop-shadow(10px 10px 6px #00000080);width:700px;height:auto;position:absolute;transform:translate(-400px)}.skill-side{text-align:center;background-color:var(--box-bg);border:3px solid var(--box-border);box-sizing:border-box;border-radius:15px;flex:.8;padding:15px;display:inline;transform:translate(100px)}.skill-side h2{margin-top:5px;margin-bottom:15px}.education-bullets ul{text-align:left;margin:0}.skill-layout{width:100%;margin-bottom:15px;transform:translate(25px);flex-flow:wrap!important;gap:16px!important;display:flex!important}.skill-layout img{box-sizing:border-box;object-fit:contain;background-color:#fff;border:4px outset #cccfd1;border-radius:15px;padding:4px;display:inline;box-sizing:border-box!important;width:100px!important;height:auto!important;padding:10px!important}.skill-layout .html-css-js{object-fit:cover!important;width:215px!important;height:auto!important}@media (width<=768px){.backgroundpage-container h1{margin-top:-10px;line-height:1}.backgroundpage-container h2{margin-bottom:60px}.main-content>div,.main-content>section{width:100%;max-width:100%}.main-content{flex-direction:column;align-items:center}.education-side{margin-bottom:0;margin-left:350px}.skill-side{place-items:center;margin-left:-190px}.self-pic{width:300px;height:auto;margin-top:-115px;margin-left:255px}.skill-layout{margin-left:60px}.skill-layout img{place-items:center;max-width:100px}}.projectpage-container{height:160vh;margin-bottom:0;padding-top:30px;padding-bottom:0;position:relative;overflow:hidden}.mobile-bookshelf{display:none}.bookshelf{width:2400px;height:auto;display:block;transform:translate(-632px,-130px)}.albums{z-index:40;width:fit-content;height:100%;transition:all .3s;position:absolute}.still-watching{width:655px;height:auto;top:-1733px;left:15px;position:absolute!important;transform:none!important}.sga{width:655px;height:auto;top:-1733px;left:500px;position:absolute!important;transform:none!important}.deepiri{width:655px;height:auto;top:-1425px;left:15px;position:absolute!important;transform:none!important}.hackbeanpot{width:655px;height:auto;top:-1425px;left:500px;position:absolute!important;transform:none!important}.semantic-diff{width:655px;height:auto;top:-1120px;left:15px;position:absolute!important;transform:none!important}.oasis{width:655px;height:auto;top:-1120px;left:500px;position:absolute!important;transform:none!important}.sga:hover,.deepiri:hover,.hackbeanpot:hover,.semantic-diff:hover,.oasis:hover,.still-watching:hover{filter:brightness(.9)grayscale(.3);transition:filter .3s,transform .3s}@media (width<=768px){.projectpage-container{flex-direction:column;align-items:center;min-height:100vh;display:flex;overflow:hidden;height:1520px!important}.projectpage-container h1{margin-top:10px}.mobile-bookshelf{width:550%;height:auto;margin-left:-10px;display:block}.bookshelf{display:none}.albums{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.still-watching{width:121%;height:auto;margin-left:-35px;left:auto;transform:none;margin-top:300px!important;position:relative!important}.sga{width:121%;height:auto;margin-left:-35px;left:auto;transform:none;margin-top:-80px!important;position:relative!important}.deepiri{width:121%;height:auto;margin-top:-390px;margin-bottom:400px;margin-left:-35px;left:auto;position:relative!important}.hackbeanpot{width:121%;height:auto;margin-top:-470px;margin-bottom:470px;margin-left:-35px;left:auto;transform:none;position:relative!important}.semantic-diff{width:121%;height:auto;margin-top:-850px;margin-bottom:650px;margin-left:-35px;left:auto;transform:none;position:relative!important}}.contactpage-container{width:100%;height:auto;max-height:155vh;margin-bottom:0;padding-top:20px;padding-bottom:0;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.board-title{z-index:40;width:auto;height:600px;position:absolute;transform:translate(-50%,-17%)}.tree{width:200%;height:auto;margin-top:150px;display:block;transform:translate(-2.5%)}.hyperlinks{z-index:40;width:fit-content;transition:all .3s;position:absolute}.email-orange{width:60%;height:100%;position:absolute!important;top:-180%!important;left:-8%!important;transform:none!important}.linkedin-orange{width:60%;height:100%;position:absolute!important;top:-200%!important;left:40%!important;transform:none!important}.github-orange{width:60%;height:100%;padding:0;transform:translate(-5%,-300%)}.github-orange:hover,.linkedin-orange:hover,.email-orange:hover{filter:brightness(.9)grayscale(.3);transition:filter .3s,transform .3s}@media (width<=768px){.contactpage-container{padding-bottom:none;margin-bottom:none}.board-title{width:auto;height:300px;margin-top:-10px;position:absolute}.tree{width:200%;height:auto;margin-top:50px;display:block;transform:translate(-20px,100px)}.hyperlinks{z-index:40;width:fit-content;transition:all .3s;position:absolute}.email-orange{z-index:52;width:70%;height:auto;margin-top:180px;margin-left:-50px;position:absolute!important;transform:none!important}.linkedin-orange{width:70%;height:auto;margin-top:170px;margin-left:-80px;position:absolute!important;transform:none!important}.github-orange{width:70%;height:auto;padding:0;transform:translate(-20%,-190%)}}