*{border:border-box;margin:0;font-family:Inter,sans-serif}body::-webkit-scrollbar{width:10px}.navbar{color:#fff;z-index:10;background-color:#2563eb;width:100%;height:50px;position:fixed}ul{gap:12px}.nav-item a{color:#fff;font-size:15px;text-decoration:none}.nav-link:hover{cursor:pointer;color:#111827;transition:all .3s}.navbar-brand{cursor:default;color:#fff;margin-left:8%;margin-right:40%}.navbar-brand>h2{font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.navbar-brand:hover{color:#fff}.social-icons{gap:15px;margin:20px 0;display:flex}.social-icons a{color:#fff;background-color:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:21px;text-decoration:none;transition:all .3s;display:flex}.social-icons a:hover{color:#2563eb;background-color:#fff;transform:translateY(-4px)}.home-section{color:#fff;background-color:#111827;justify-content:center;align-items:center;gap:5%;height:auto;padding:10% 15%;display:flex}.right-side>img{border-radius:50%;width:550px;height:550px}.home-section h2{font-family:Outfit,sans-serif;font-size:30px;font-weight:500}.home-section h1{font-family:Outfit,sans-serif;font-size:50px;font-weight:600}.home-section h1 span{color:#2563eb;font-weight:700}.home-section button{color:#fff;background-color:#2563eb;border:none;border-radius:4rem;margin-top:12px;padding:10px 50px;font-size:16px;box-shadow:0 2px 6px #2563eb}.cv{color:#fff;text-decoration:none}.home-section button:hover{cursor:pointer;box-shadow:none}.about-section{background-color:#e8eef7;justify-content:center;align-items:center;height:auto;padding:100px 0;display:flex}.about{background-color:#fff;width:80%;padding:100px;box-shadow:0 5px 15px #00000059}.about h2{font-size:55px;font-weight:500}.about h1{color:#111827;padding-bottom:17px;font-family:Outfit,sans-serif;font-size:25px;font-weight:900}.about p{color:#111827;padding-bottom:7px}.about>p>span{font-weight:700}.about span{color:#2563eb}.service-section{background-color:#111827;height:auto;padding:100px 0}.cards{justify-content:center;gap:40px;display:flex}.service-section h1{text-align:center;color:#fff;margin-bottom:50px;font-family:Outfit,sans-serif;font-size:60px;font-weight:700}.service-section h1 span{color:#2563eb}.box-content{color:#111827;text-align:center;background-color:#f3f4f6;border-radius:8px;width:300px;height:268px;padding:35px;font-size:14px;transition:all .3s}.box-content:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-5px);box-shadow:0 2px 6px #2563eb}.box-content h2{padding-bottom:20px;padding-left:0;font-family:Outfit,sans-serif;font-size:21px;font-weight:900}.box-content button{color:#fff;background-color:#2563eb;border:none;border-radius:4rem;padding:10px 30px;box-shadow:0 2px 6px #2563eb}.box-content button:hover{box-shadow:none;cursor:pointer}.skills-section{color:#111827;background-color:#e8eef7;padding:80px 15%}.skills-section h2{text-align:center;color:#111827;margin-bottom:45px;font-family:Outfit,sans-serif;font-size:40px;font-weight:600}.skills-section h2 span{color:#2563eb}.skills-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.skill-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:15px 40px;transition:all .3s}.skill-card h3{margin:0;font-family:Outfit,sans-serif;font-size:19px;font-weight:500}.skill-card:hover{color:#2563eb;border-color:#2563eb;transform:translateY(-5px)}.projects-section{background-color:#111827}.projects-section h1{color:#fff;text-align:center;padding-top:50px;font-family:Outfit,sans-serif;font-size:60px;font-weight:600}.projects-section h1 span{color:#2563eb;margin-left:15px}.project-cards{grid-template-columns:repeat(3,1fr);place-content:center;gap:50px;width:100%;height:auto;padding:70px 120px;display:grid}.project{border-radius:12px;width:400px;height:350px;position:relative;overflow:hidden}.project>img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.projects-links{-webkit-backdrop-filter:blur(6px)brightness(1.1);backdrop-filter:blur(6px)brightness(1.1);opacity:0;text-align:center;background:linear-gradient(#111827bf,#2563ebf2);width:100%;height:100%;padding:0 20px;transition:bottom .65s cubic-bezier(.22,1,.36,1),opacity .4s;position:absolute;bottom:-100%;left:0}.project:hover img{transform:scale(1.06)}.project:hover .projects-links{opacity:1;bottom:0}.projects-links a i:hover{color:#fff;transform:rotate(-10deg)}.projects-links h1{color:#fff;margin:25px 0;font-family:Outfit,sans-serif;font-size:27px;font-weight:600}.projects-links p{color:#dbeafe;margin-bottom:20px;font-size:14px}.projects-links a{color:#93c5fd;font-size:40px}.contact{background:#e8eef7;flex-direction:column;align-items:center;width:100%;height:auto;padding:60px 0;display:flex}.contact h1{padding-bottom:20px;font-family:Outfit,sans-serif;font-size:65px}.contact h1 span{color:#2563eb;padding-left:35px;font-weight:700}form{color:#15161a;background-color:#1e2535;border:1px solid #4e5870;border-radius:45px;width:60%;height:auto;padding:50px 60px}.user-about{justify-content:space-between;margin-bottom:40px;display:flex}.contact .title{color:#dee0e3;margin-bottom:5px;font-size:12px;font-weight:700}.user-about input,textarea{color:#fff;background-color:#111827;border:none;border-radius:18px;outline:none;width:285px;height:65px;padding:0 25px;font-size:18px}.user-about input:focus,textarea:focus{border:2px solid #2563eb}.message{margin-bottom:30px}.message textarea{resize:none;border-radius:32px;width:100%;height:169px;padding:24px 32px}.contact button{color:#fff;background-color:#2563eb;border:none;border-radius:4rem;width:100%;padding:20px 0;font-size:1.6rem;font-weight:800;box-shadow:0 2px 6px #2563eb}.contact button:hover{cursor:pointer;background:#1d4ed8;transform:translateY(-2px);box-shadow:0 12px 25px #2563eb59}footer{color:#fff;background-color:#111827;justify-content:space-between;width:100%;padding:10px 20px;display:flex}footer p{padding-top:10px;font-size:14px}footer button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;margin-bottom:5px;padding:.5rem 1rem;font-size:1rem}.hero-image{animation:6s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.whatsapp-btn{color:#fff;z-index:9999;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;text-decoration:none;animation:2s infinite whatsappGlow;display:flex;position:fixed;bottom:70px;right:25px;box-shadow:0 0 #25d3668c}@keyframes whatsappGlow{0%{box-shadow:0 0 #25d3668c}70%{box-shadow:0 0 0 15px #25d36600}to{box-shadow:0 0 #25d36600}}@media only screen and (width<=1024px){.navbar-brand{margin-left:5%;margin-right:30%}.home-section{padding:10%}.home-section>.right-side>img{width:400px;height:400px}.cards{gap:10px;padding:0 20px}.box-content{width:250px;padding:35px 10px}.project-cards{gap:20px;padding:70px}.project{width:300px;height:300px}.projects-links h1{margin-top:0;font-size:20px}.projects-links p{margin-bottom:10px;font-size:12px}form{width:70%}}@media only screen and (width<=768px){.navbar{height:auto}ul{margin-left:5%}.home-section{flex-wrap:wrap;padding:15% 23% 10%}.home-section>.right-side>img{width:420px;height:420px;margin-top:50px}.about{padding:50px}.cards{grid-template-columns:repeat(2,1fr);gap:40px;padding:0 20%;display:grid}.box-content{width:300px;padding:35px}.project-cards{grid-template-columns:repeat(2,1fr)}form{width:85%;padding:50px 30px}.resume h1{font-size:30px}}@media only screen and (width<=430px){.navbar-brand>h2{font-size:25px}.resume h2,.contact h1,.service-section h1,.projects-section h1{font-size:50px}.home-section{padding:30% 18% 10%}.home-section>.right-side>img{width:300px;height:300px}.home-section h2{font-size:25px}.home-section h1{font-size:38px}.home-section p{font-size:13px}.social-icons a{width:35px;height:35px;font-size:16px}.home-section button{margin-top:12px;padding:8px 35px;font-size:13px}.about{width:90%;padding:20px}.about h2{font-size:40px;font-weight:lighter}.about h1{padding-bottom:0;font-size:17px}.about p{font-size:10px}.skills-container{gap:10px}.skill-card{padding:10px 20px}.skill-card h3{font-size:14px}.cards{grid-template-columns:repeat(1,1fr)}.box-content{width:360px}.project-cards{grid-template-columns:repeat(1,1fr);align-items:center;width:100%;padding-bottom:50px}.project{width:360px;margin-top:30px}.projects-links h1{font-size:22px}.projects-links{padding:0 20px}.user-about{margin-bottom:0;display:block}.user-about input{margin-bottom:20px}.contact button{font-size:1rem}.resume h1{font-size:25px}.resume p,.resume ul{font-size:12px}footer p{padding-top:5px;font-size:10px}footer button{margin-bottom:0;padding:.2rem .6rem;font-size:.8rem}}@media only screen and (width<=380px){.home-section h2{font-size:22px}.home-section h1{font-size:30px}.home-section p{font-size:11px}.home-section>.right-side>img{width:280px;height:280px}.about h2{font-weight:400}.skills-section h2{font-size:30px}.resume h2,.contact h1,.service-section h1,.projects-section h1{font-size:40px}.box-content,.project{width:320px}.box-content:hover{transform:scale(1.04)}.projects-links h1{font-size:20px}form{padding:40px 20px}.user-about input{width:260px}.contact button{font-size:.9rem}.resume h1{font-size:22px}}@media only screen and (width<=325px){.home-section{padding:30% 15% 10%}.home-section h1{font-size:25px}.home-section p{font-size:10px}.home-section>.right-side>img{width:220px;height:220px}.about h2{font-size:30px}.about h1{font-size:14px}.about p{font-size:8px}.cards{padding:20px}.resume h2,.contact h1,.service-section h1,.projects-section h1{font-size:40px}.box-content,.project{width:280px}.project-cards{padding:30px 20px}.projects-links h1{font-size:20px}form{padding:40px 20px}.contact button{font-size:.7rem}.user-about .title{margin:0}.user-about input{width:230px;height:50px;font-size:13px}.contact h1 span{padding-left:0}.message textarea{height:130px;font-size:14px}.resume h1{font-size:22px}footer{padding:10px}footer p{font-size:9px}}