.theme-toggle{padding:8px 12px;font-size:.8rem}.navbar{background-color:var(--box-bg);border-bottom:4px solid var(--box-border);z-index:100;width:100%;padding:15px 0;transition:background-color .5s,border-color .5s;position:fixed;top:0;left:0;box-shadow:0 4px #0003}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.nav-logo a{color:var(--text-color);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav-links li a{text-transform:uppercase;padding:10px;font-size:1rem}.nav-links li a:hover{text-shadow:2px 2px #0000004d}@media (width<=768px){.nav-links{display:none}}.mario-bg{z-index:1;pointer-events:none;width:100vw;height:100vh;transition:background-color .5s;position:fixed;top:0;left:0}.stars{opacity:0;width:100%;height:100%;transition:opacity 1s;position:absolute;top:0;left:0}.mario-bg.dark .stars{opacity:1}.star{background-color:#fff;width:4px;height:4px;animation:2s infinite alternate twinkle;position:absolute;box-shadow:0 0 10px #fff}.star:nth-child(2n){animation-duration:3s}.star:nth-child(3n){animation-duration:4s}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.clouds-container{opacity:.8;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.mario-bg.dark .clouds-container{opacity:.3}.cloud{background-color:#f0f8ff;border-radius:20px;width:60px;height:20px;position:absolute;transform:scale(2)}.cloud:before,.cloud:after{content:"";background-color:#f0f8ff;border-radius:50%;position:absolute}.cloud:before{width:30px;height:30px;top:-15px;left:10px}.cloud:after{width:20px;height:20px;top:-10px;right:10px}.cloud-2{transform:scale(2)}.cloud-3{transform:scale(4)}.ground-layer{background-color:var(--bg-ground);width:100%;height:40px;transition:background-color .5s;position:absolute;bottom:0;left:0}.hero-title{margin-bottom:20px;font-size:5.4rem}.hero-subtitle{margin-bottom:40px;font-size:5.4rem}@media (width<=768px){.hero-title,.hero-subtitle{font-size:3rem}}@media (width<=480px){.hero-title,.hero-subtitle{word-break:break-word;font-size:2rem}}.projects-wrapper{align-items:center;width:100%;display:flex}.horizontal-scroller-container{flex:1;min-width:0;padding:10px 0;overflow-x:auto}.nav-btn{flex-shrink:0;margin:0 10px;padding:10px 15px;font-size:1.5rem}.horizontal-scroller-container::-webkit-scrollbar{height:12px}.horizontal-scroller-container::-webkit-scrollbar-track{background:var(--scroll-track);border:2px solid var(--box-border)}.horizontal-scroller-container::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--box-border)}.horizontal-scroller{gap:30px;width:max-content;padding-bottom:20px;display:flex}.project-card{flex-shrink:0;width:300px;max-width:100%;transition:transform .2s}.project-card:hover{transform:translateY(-5px)}@media (width<=768px){.nav-btn{display:none}.project-card{width:260px}.horizontal-scroller{gap:15px}}:root{--font-mario:"Press Start 2P", cursive;--bg-sky-light:#5c94fc;--bg-ground-light:#c84c0c;--text-light:#222;--box-bg-light:#f8b800;--box-border-light:#000;--accent-light:#00a800;--scroll-thumb-light:#90ee90;--scroll-track-light:#2e7d32;--bg-sky-dark:#000b1a;--bg-ground-dark:#12213d;--text-dark:#fff;--box-bg-dark:#3a2e5d;--box-border-dark:#647eb3;--accent-dark:#a2add0;--scroll-thumb-dark:#556b2f;--scroll-track-dark:#1b5e20;--bg-sky:var(--bg-sky-light);--bg-ground:var(--bg-ground-light);--text-color:var(--text-light);--box-bg:var(--box-bg-light);--box-border:var(--box-border-light);--accent:var(--accent-light);--scroll-thumb:var(--scroll-thumb-light);--scroll-track:var(--scroll-track-light)}.theme-dark{--bg-sky:var(--bg-sky-dark);--bg-ground:var(--bg-ground-dark);--text-color:var(--text-dark);--box-bg:var(--box-bg-dark);--box-border:var(--box-border-dark);--accent:var(--accent-dark);--scroll-thumb:var(--scroll-thumb-dark);--scroll-track:var(--scroll-track-dark)}html,body{font-family:var(--font-mario);background-color:var(--bg-sky);color:var(--text-color);scroll-behavior:smooth;min-height:100vh;margin:0;padding:0;font-size:14px;transition:background-color .5s,color .5s;overflow-x:hidden}*,:before,:after{box-sizing:border-box}html{scroll-snap-type:y mandatory}::-webkit-scrollbar{display:none}#root{flex-direction:column;min-height:100vh;display:flex}.pixel-box{background-color:var(--box-bg);border:4px solid var(--box-border);border-radius:2px;margin:0 0 20px;padding:20px;line-height:1.6;transition:background-color .5s,border-color .5s;box-shadow:inset -4px -4px #0003,inset 4px 4px #fff3}h1,h2,h3,h4,h5,h6{text-transform:uppercase;text-shadow:2px 2px #0000004d;margin-top:0}h1{font-size:2.5rem}h2{margin-bottom:20px;font-size:1.8rem}a,a:visited,a:active{color:var(--text-color);text-decoration:none;transition:opacity .3s}a:hover{opacity:.8}button{font-family:var(--font-mario);cursor:pointer}.pixel-btn{background-color:var(--box-bg);color:var(--text-color);border:4px solid var(--box-border);text-transform:uppercase;padding:10px 20px;transition:transform .1s,background-color .5s,border-color .5s;box-shadow:inset -4px -4px #0003,inset 4px 4px #fff3}.pixel-btn:active{transform:scale(.95);box-shadow:inset 4px 4px #0003,inset -4px -4px #fff3}section{z-index:10;scroll-snap-align:start;flex-direction:column;justify-content:center;min-height:100vh;padding:60px 10%;display:flex;position:relative}@media (width<=768px){section{padding:60px 5%}}