html,body{margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;background-color:#000}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#canvas{position:fixed;top:0;left:0;width:100%;height:100dvh;overflow:hidden!important;z-index:0}#loadingScreen{position:fixed;inset:0;background-color:#000;color:#0f0;font-family:"Press Start 2P",monospace;z-index:10;display:flex;justify-content:center;align-items:center;overflow:hidden}.terminal{max-width:90%;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;font-size:clamp(.45rem,2.5vw,1rem);line-height:1.6}.blinkingcursor{display:inline-block;animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}main{position:relative;z-index:1}.section{margin-top:0;min-height:100dvh;height:auto;position:relative;color:#000;background-color:#0000004d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1;opacity:0;box-sizing:border-box;max-width:100vw;overflow:hidden}.section p{margin-top:0;margin-bottom:0;display:flex;padding:1rem;font-size:clamp(1rem,3vw,1.5rem);text-align:center}h1{font-size:clamp(.85rem,3vw,1.5rem);padding:2rem;text-align:center;font-family:"Press Start 2P",system-ui;word-break:break-word}#home{display:flex;position:relative;color:#fff;border-radius:10px;width:100vw;height:100dvh}#welcome{display:flex;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#00000080;justify-content:center;align-items:center;z-index:1;width:100vw;height:100dvh}#home pre{padding:10px;border-radius:20px;text-align:center;align-items:center;justify-content:center;font-family:"Press Start 2P",system-ui;font-size:clamp(.7rem,3vw,1.5rem);word-break:break-word;max-width:90vw}#modeToggle{position:fixed;background:transparent;top:15px;right:15px;margin:0;padding:0;width:70px;height:70px;display:flex;align-items:center;border:none;justify-content:center;opacity:1!important;z-index:9999;overflow:visible;cursor:pointer}#switch{margin:-20px;width:60px;height:auto;padding:0;transition:width .2s ease-in-out}#switch:hover{width:90px}#about{margin:1rem;min-height:90dvh;height:auto;border-radius:25px}#projects,#skills,#achievements,#vibes,#experiences,#contact{margin:20px;border-radius:25px}@media (max-width: 768px){.section{margin:10px;border-radius:15px}#about,#projects,#skills,#achievements,#vibes,#experiences,#contact{width:auto;margin:10px}#modeToggle{width:50px;height:50px;top:10px;right:10px}#switch{width:45px}}@media (min-width: 769px){#contact{width:45vw;margin-left:50vw}}