html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-color);font-family:Roboto,sans-serif;margin:0;min-height:100vh;transition:background .3s ease,color .3s ease}body.light{--bg-color:#f0f4ff;--text-color:#333;--section-bg:#ffffffd9;--nav-bg:#ffffffb3;--accent-color:#007acc}body.dark{--bg-color:#121212;--text-color:#f5f5f5;--section-bg:#1e1e1ed9;--nav-bg:#000000b3;--accent-color:#66b2ff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{line-height:1.6;margin:0 auto;max-width:800px;padding:5rem 1rem 2rem}nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--nav-bg);box-shadow:0 2px 4px #0000001a;left:0;position:fixed;top:0;width:100%;z-index:1000}nav ul{display:flex;gap:1rem;justify-content:center;list-style:none;margin:0;padding:1rem 2rem}nav a{color:var(--text-color);font-weight:600;text-decoration:none;transition:color .3s ease}nav a.active,nav a:hover{color:var(--accent-color)}section{background:var(--section-bg);border-radius:8px;box-shadow:0 4px 10px #0000001a;margin-bottom:3rem;padding:2rem;scroll-margin-top:80px}h1,h2,h3{color:var(--text-color);font-family:Poppins,sans-serif}ul{padding-left:1.25rem}.tagline{color:var(--text-color);font-family:Montserrat,sans-serif;font-size:clamp(1.2rem,2.5vw + 1rem,2rem);font-weight:700;margin:1.5rem auto 0;text-align:center}.profile-image{border-radius:50%;display:block;margin:2rem auto;max-width:200px}.projects-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}@media (min-width:600px){.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.project-card{background:var(--section-bg);border-radius:8px;box-shadow:0 4px 10px #0000001a;padding:1.5rem}.menu-toggle{display:none;font-size:1.5rem}.menu-toggle,.theme-toggle{background:none;border:none;color:var(--text-color);cursor:pointer}.theme-toggle{font-size:1.2rem}@media (max-width:768px){nav ul{align-items:center;display:none;flex-direction:column}nav.open ul{display:flex}.menu-toggle{display:block;position:absolute;right:1rem;top:1rem}}
/*# sourceMappingURL=main.3331b94a.css.map*/