body{background-color:#1a1a1a;color:#fff;font-family:Poppins,sans-serif;margin:0;padding:0}.App{display:block;min-height:100vh}.sidebar{align-items:center;background:#111;overflow-y:auto;transition:width .3s ease}.sidebar a{color:#fff;font-size:1.125rem;margin:15px 0;text-decoration:none;transition:color .3s ease}.sidebar a:hover{color:#6200ea}.main-content{background-color:#1a1a1a;margin-left:260px;min-height:calc(100vh - 80px);padding:40px;transition:margin-left .3s ease}@media (max-width:1024px){.sidebar{width:200px}.main-content{margin-left:200px}}@media (max-width:768px){.sidebar{width:60px}.main-content{margin-left:60px;padding:20px}.sidebar a{font-size:1rem}}@media (max-width:480px){.sidebar{display:none;width:0}.main-content{margin-left:0;padding:15px}}.sidebar{background-color:#111;box-shadow:2px 0 15px rgba(0,0,0,.3);display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:260px;z-index:1000}.logo-container{margin-bottom:40px;text-align:center}.logo{color:#6200ea;font-size:22px;font-weight:700;line-height:1.3;margin:0;padding:10px;text-transform:uppercase;word-break:break-word}.nav-menu{width:100%}.nav-menu ul{list-style:none;margin:0;padding:0}.nav-menu li{margin:15px 0}.nav-menu a{background-color:#222;border-radius:8px;color:#fff;display:block;font-size:16px;padding:12px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.nav-menu a.active,.nav-menu a:hover{background-color:#6200ea;-webkit-transform:scale(1.05);transform:scale(1.05)}.mobile-menu-button{background-color:#111;border:none;border-radius:5px;color:#fff;cursor:pointer;display:none;left:20px;padding:10px;position:fixed;top:20px;z-index:1001}.overlay{background-color:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.overlay.active{display:block}@media (max-width:768px){.sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%);width:200px}.sidebar.open{-webkit-transform:translateX(0);transform:translateX(0)}.logo{font-size:18px}.nav-menu a{font-size:14px;padding:10px 15px}.mobile-menu-button{display:block}}@media (max-width:480px){.sidebar{width:180px}.logo{font-size:16px}.nav-menu a{font-size:13px;padding:8px 12px}}.hero{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:100px 20px;text-align:center}.hero h1{font-size:3rem;margin-bottom:20px}.hero h1 span{color:#6200ea}.hero p{color:#ccc;font-size:1.125rem;line-height:1.6;max-width:600px}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}}@media (max-width:480px){.hero{padding:60px 15px}.hero h1{font-size:2rem}.hero p{font-size:.9rem;margin:0 10px}}.projects{padding:60px 20px;text-align:center}.projects h1{font-size:2.5rem;margin-bottom:20px}.projects p{color:#ccc;font-size:1.125rem;margin-bottom:30px}.projects .project-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}.projects .project-card{background:#222;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.3);padding:20px;transition:box-shadow .3s,-webkit-transform .3s;transition:transform .3s,box-shadow .3s;transition:transform .3s,box-shadow .3s,-webkit-transform .3s}.projects .project-card:hover{box-shadow:0 8px 15px rgba(0,0,0,.5);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.projects .project-card h3{color:#6200ea;margin-bottom:10px}.projects .project-card p{color:#ccc;font-size:1rem}@media (max-width:768px){.projects h1{font-size:2rem}.projects p{font-size:1rem}.projects .project-card{padding:15px}}@media (max-width:480px){.projects h1{font-size:1.75rem}.projects p{font-size:.9rem}.projects .project-card{padding:12px}}.skills{padding:60px 20px;text-align:center}.skills h1{font-size:2.5rem;margin-bottom:20px}.skills ul{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin-top:20px}.skills ul li{background:#222;border-radius:8px;color:#ccc;font-size:1rem;padding:12px 24px;transition:background .3s,-webkit-transform .3s;transition:transform .3s,background .3s;transition:transform .3s,background .3s,-webkit-transform .3s}.skills ul li:hover{background:#6200ea;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}@media (max-width:768px){.skills h1{font-size:2rem}.skills ul li{font-size:.9rem;padding:10px 20px}}@media (max-width:480px){.skills h1{font-size:1.75rem}.skills ul{gap:15px}.skills ul li{font-size:.875rem;padding:8px 16px}}.contact{background:#222;border-radius:12px;margin:0 auto;max-width:600px;padding:40px 20px;text-align:center;width:80%}.contact h1{color:#fff;font-size:2.5rem;margin-bottom:20px}.contact p{color:#ccc;font-size:1.125rem;margin-bottom:20px}.contact a{color:#6200ea;display:block;font-size:1.125rem;margin:10px 0;text-decoration:none;transition:color .3s}.contact a:hover{color:#fff;text-decoration:underline}@media (max-width:768px){.contact{padding:30px 20px;width:90%}.contact h1{font-size:2rem}.contact a,.contact p{font-size:1rem}}@media (max-width:480px){.contact{padding:25px 15px;width:95%}.contact h1{font-size:1.75rem}.contact a,.contact p{font-size:.9rem}}footer{background:#111;bottom:0;color:#777;font-size:1rem;padding:20px 0;position:relative;text-align:center;width:100%}footer p{margin:0}@media (max-width:768px){footer{font-size:.9rem;padding:15px 0}}@media (max-width:480px){footer{font-size:.8rem;padding:10px 0}}
/*# sourceMappingURL=main.0110499f.css.map*/