*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;scroll-behavior:smooth}body{background:linear-gradient(90deg,#1e3c72,#2a5298);color:#f1f1f1;line-height:1.6}.navbar{align-items:center;background:#1a3364f2;display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;top:0;transition:background .3s ease;width:100%;z-index:999}.navbar .logo{color:#00bfff;font-size:1.5rem;font-weight:700;transition:transform .3s,color .3s}.nav-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;margin-left:1rem;padding:0}.nav-toggle:focus{outline:none}.hamburger{background-color:#00bfff;border-radius:2px;height:3px;margin:4px 0;width:25px}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{background:#1a3364f2;border-radius:0 0 0 8px;box-shadow:-2px 2px 8px #0000004d;flex-direction:column;padding:1rem;position:fixed;right:0;top:64px;transform:translateX(100%);transition:transform .3s ease-in-out;width:200px;z-index:999}.nav-links.active{transform:translateX(0)}.nav-links li{margin-bottom:1rem;margin-left:0}.hero{align-items:center;background:linear-gradient(90deg,#1e3c72,#2a5298);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 2rem;text-align:center}.hero h1{animation:fadeIn 1.5s ease-in;font-size:3rem}.hero h2{animation:fadeIn 2s ease-in;color:#cce3ff;font-size:2rem;margin:1rem 0}.hero p{animation:fadeIn 2.5s ease-in;margin-bottom:2rem;max-width:600px}.hero-icon{animation:fadeIn 1.2s ease-in;color:#00bfff;font-size:6rem;margin-bottom:2rem}.btn{background:#00bfff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background .3s}.btn:hover{background:#009acd}.section{margin:0 auto;max-width:1200px;padding:6rem 2rem;text-align:center}.section h2{color:#00bfff;font-size:2.5rem;margin-bottom:2rem}.skills-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-card{background:#2b4c7e;border-radius:10px;padding:1rem 2rem;transition:transform .3s,background .3s}.skill-card:hover{background:#365a94;transform:scale(1.1)}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.portfolio-item{background:#2d4875;border-radius:10px;padding:1.5rem;text-align:left;transition:transform .3s,background .3s}.portfolio-item:hover{background:#3c5d96;transform:scale(1.05)}.portfolio-item h3{color:#00bfff;margin-bottom:1rem}.portfolio-item a{color:#00bfff;display:inline-block;margin-top:1rem;text-decoration:underline}.contact-form{background:#1e2a49;border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin:0 auto 2rem;max-width:600px;padding:2rem}.contact-form input,.contact-form textarea{border:none;border-radius:5px;outline:none;padding:1rem}.contact-form button{align-self:flex-end}.contact-info p{margin:.5rem 0}footer{background-color:#254b8a;padding:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}transition:transform .3s,color .3s}.navbar .logo:hover{color:#fff;transform:scale(1.2)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:2rem}.nav-links a{color:#f1f1f1;text-decoration:none;transition:color .3s,text-shadow .3s}.nav-links a:hover{color:#00bfff;text-shadow:0 0 5px #00bfffb3}.hero{align-items:center;background:linear-gradient(90deg,#1e3c72,#2a5298);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:0 2rem;text-align:center}.hero h1{animation:fadeIn 1.5s ease-in;font-size:3rem}.hero h2{animation:fadeIn 2s ease-in;color:#cce3ff;font-size:2rem;margin:1rem 0}.hero p{animation:fadeIn 2.5s ease-in;margin-bottom:2rem;max-width:600px}.btn{background:#00bfff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .3s}.btn:hover{background:#009acd}.section{margin:0 auto;max-width:1200px;padding:6rem 2rem;text-align:center}.section h2{color:#00bfff;font-size:2.5rem;margin-bottom:2rem}.skills-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-card{background:#2b4c7e;border-radius:10px;padding:1rem 2rem;transition:transform .3s,background .3s}.skill-card:hover{background:#365a94;transform:scale(1.1)}.skill-card{color:#fff;gap:.75rem}.skill-card,.skill-icon{align-items:center;display:flex}.skill-icon{flex-shrink:0;font-size:1.8rem;justify-content:center}.portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.portfolio-item{background:#2d4875;border-radius:10px;padding:1.5rem;text-align:left;transition:transform .3s,background .3s}.portfolio-item:hover{background:#3c5d96;transform:scale(1.05)}.portfolio-item h3{color:#00bfff;margin-bottom:1rem}.portfolio-item a{color:#00bfff;display:inline-block;margin-top:1rem;text-decoration:underline}.contact-form{background:linear-gradient(90deg,#1e3c72,#2a5298);border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin:0 auto 2rem;max-width:600px;padding:2rem}.contact-form input,.contact-form textarea{background:#f5f5f5;border:none;border-radius:5px;outline:none;padding:1rem}.contact-form button{align-self:flex-end}.contact-info p{margin:.5rem 0}.contact-link{color:inherit;padding:2px 4px;text-decoration:none;transition:background-color .3s}.contact-link:hover{background-color:#f0f0f0}footer{background-color:#254b8a;padding:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}.btn{align-items:center;background-color:##00bfff;border-radius:8px;display:inline-flex;font-size:16px;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .2s ease}.btn:hover{background-color:#52e0c4;transform:translateY(-2px)}.btn i{margin-right:8px}.btn,.btn:hover{color:#0d1117}.profile-pic{border:4px solid #64ffda;border-radius:50%;height:150px;margin-bottom:20px;margin-top:40px;object-fit:cover;width:150px}.hero-icon,.profile-pic{position:relative;z-index:1000}.hero{padding-top:80px}
/*# sourceMappingURL=main.d23bc872.css.map*/