@media (min-width:1024px){*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}html{font-size:50%;overflow-x:hidden}:root{--bg-color:#080808;--second-bg-color:#000c10;--text-color:#fff;--main-color:#0ec3f0}body{padding-top:3rem;background:var(--bg-color);color:var(--text-color)}section{min-height:100vh;padding:10rem 12%}#menu-icon,span{color:var(--main-color)}#menu-icon{font-size:3.6rem;display:none;cursor:pointer}header{justify-content:space-between;width:100%;padding:1rem 2rem;background-color:var(--bg-color);top:0;left:0;right:0;z-index:1000}.header-container,header{display:flex;align-items:center;position:fixed}.logo{font-size:2rem;color:var(--text-color);font-weight:700;cursor:pointer;transition:.3s ease}.logo:hover{transform:scale(1.1)}.nav-links{display:flex;gap:3rem}.nav-links a{color:var(--text-color);text-decoration:none;font-size:1.8rem;margin-left:1rem;font-weight:500;border-bottom:3px solid transparent;transition:.3s ease}.nav-links a:hover{color:var(--main-color);transform:scale(1.1);border-bottom:3px solid var(--main-color);transition:.3s ease}.home{display:flex;align-items:center;justify-content:center;gap:6rem}.home-content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.home-content h1{font-size:8rem;font-weight:700;margin-top:1.5rem;line-height:1;cursor:pointer;transition:.3s ease}.home-content h1:hover{transform:scale(1.1);color:var(--main-color)}.home-content h3{font-size:3rem;margin:1rem 0}.home-content p{font-size:1.5rem;font-weight:500;line-height:1.8}.home-img img{width:20vw;border-radius:10%;transition:.4s ease-in-out}.home-img img:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.social-media a{display:inline-flex;justify-content:center;align-items:center;font-size:3rem;padding:1rem;background:var(--main-color);border:2px solid var(--main-color);border-radius:50%;color:var(--main-color);margin:3rem .5rem;transition:.3s ease}.social-media a:hover{color:var(--text-color);background-color:var(--main-color);transform:scale(1.2) translateY(-5px);box-shadow:0 0 25px var(--main-color)}.btn-group{display:flex;gap:1.5rem}.btn{display:inline-block;padding:0 2rem;background:var(--main-color);box-shadow:0 0 25px var(--main-color);border-radius:3rem;font-size:1.8rem;color:#000;border:2px solid transparent;font-weight:600;transition:.3s ease-in-out}.btn:hover{transform:scale(1.05);box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color)}.btn-group a:nth-of-type(2){background-color:#000;color:var(--main-color);border:2px solid var(--main-color);box-shadow:0 0 25px transparent}.btn-group a:nth-of-type(2):hover{box-shadow:0 0 25px var(--main-color);background-color:var(--main-color);color:#000}.about{display:flex;justify-content:center;align-items:center;gap:10rem;background-color:var(--second-bg-color)}.about-img img{width:21vw;border-radius:5%;transition:.4s ease-in-out}.about-img img:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.about-content h2{font-size:7rem;text-align:left}.about-content p{font-size:1.8rem;padding-bottom:20px}.about-content .btn{margin:3rem 0}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background-color:var(--main-color)}::-webkit-scrollbar-track{background-color:var(--bg-color)}.heading{text-align:center;font-size:5rem;margin:3rem 0}.portfolio{background-color:var(--bg-color);color:#000;margin-top:0;padding-bottom:72px;padding-top:72px}.portfolio h2{color:var(--text-color)}.portfolio-container{display:grid;box-sizing:border-box;grid-template-columns:1fr 1fr;align-items:center;grid-gap:2.5rem;gap:2.5rem}.portfolio-box{display:flex;justify-content:center;align-items:center;background-color:var(--main-color);height:300px;border-radius:3rem;cursor:pointer;border:5px solid transparent;transition:.4s ease-in-out}.portfolio-box:hover{background-color:var(--second-bg-color);color:var(--main-color);border:5px solid var(--main-color);transform:scale(1.03)}.portfolio-info{display:flex;flex-direction:column;text-align:center;justify-content:center;align-items:center;padding:1rem}.portfolio-info i{font-size:3rem}.portfolio-info h4{font-size:4rem;margin:1rem 0;font-weight:800}.portfolio-info p{font-size:1.4rem;font-weight:600;line-height:1.7}.contact{background-color:var(--second-bg-color)}.contact h2{text-align:center;font-size:32px;margin-bottom:2rem;color:var(--text-color)}.contact form{display:flex;align-items:center;justify-content:center;gap:3rem;margin:4rem 0;text-align:center}.contact form .input-box input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.8rem;color:var(--text-color);background-color:var(--bg-color);border-radius:2rem;border:2px solid var(--main-color);margin:1.5rem 0;resize:none}.footer{background-color:var(--bg-color)}.footer .copyright{text-align:center;font-size:16px}}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");@media (min-width:600px) and (max-width:1024px){*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}html{font-size:50%;overflow-x:hidden}:root{--bg-color:#080808;--second-bg-color:#000c10;--text-color:#fff;--main-color:#0ec3f0}body{background:var(--bg-color);color:var(--text-color)}section{min-height:92vh;padding:10rem 12%}#menu-icon,span{color:var(--main-color)}#menu-icon{font-size:3.6rem;display:none;cursor:pointer}header{justify-content:space-between;width:100%;padding:1rem 2rem;background-color:var(--bg-color);top:0;left:0;right:0;z-index:1000}.header-container,header{display:flex;align-items:center;position:fixed}.logo{font-size:2rem;color:var(--text-color)}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-color);text-decoration:none;font-size:1.8rem;margin-left:1rem;font-weight:500;border-bottom:3px solid transparent;transition:.3s ease}.nav-links a:hover{color:var(--main-color);transform:scale(1.1);border-bottom:3px solid var(--main-color)}.home{justify-content:center;gap:6rem}.home,.home-content{display:flex;align-items:center;flex-direction:column}.home-content{text-align:left}.home-content h1{font-size:8rem;font-weight:700;margin-top:.5rem;line-height:1}.home-content h3{font-size:5rem;margin:1rem 0}.home-content p{font-size:2.5rem;font-weight:500;line-height:1.8}.social-media a{display:inline-flex;justify-content:center;align-items:center;font-size:1rem;padding:1rem;background:var(--main-color);border:2px solid var(--main-color);border-radius:50%;color:var(--main-color);margin:2rem .5rem}.btn-group{display:flex;gap:1.5rem}.btn{display:inline-block;margin-top:4%;padding:0 2rem;background:var(--main-color);box-shadow:0 0 25px var(--main-color);border-radius:3rem;font-size:1.8rem;color:#000;border:2px solid transparent;font-weight:600;transition:.3s ease-in-out}.btn-group a:nth-of-type(2){background-color:#000;color:var(--main-color);border:2px solid var(--main-color)}.home-img img{width:32vw;border-radius:10%;box-shadow:0 0 16px var(--main-color)}.about{flex-direction:column-reverse;justify-content:center;gap:6rem}.about,.about-content{display:flex;text-align:center}.about-content{flex-direction:column;align-items:center}.about h2{font-size:6rem;font-weight:700;text-align:center;margin:3rem 0}.about-content p{font-size:2rem;font-weight:500;line-height:2}.about img{width:32vw;border-radius:10%;box-shadow:0 0 12px var(--main-color)}.portfolio{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-color);color:#000}.portfolio h2{font-size:7rem;margin:2%;text-align:center;color:var(--text-color)}.portfolio-container{display:grid;box-sizing:border-box;grid-gap:3.5rem;gap:3.5rem;width:400px;height:640px}.portfolio-box,.portfolio-container{align-items:center;justify-content:center}.portfolio-box{display:flex;background-color:var(--main-color);height:300px;border-radius:3rem}.portfolio-info{text-align:center;justify-content:center;align-items:center;padding:1rem}.portfolio-info i{font-size:5rem}.portfolio-info h4{font-size:4rem;margin:1rem 0;font-weight:800}.portfolio-info p{font-size:2rem;font-weight:600;line-height:1.7}.contact{background-color:var(--second-bg-color)}.contact h2{text-align:center;font-size:32px;margin:4rem;color:var(--text-color)}.contact form{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:3rem;margin:4rem 0;text-align:center}.contact form .input-box input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.8rem;color:var(--text-color);background-color:var(--bg-color);border-radius:2rem;border:2px solid var(--main-color);margin:1.5rem 0;resize:none}.footer{background-color:var(--bg-color)}.footer .copyright{text-align:center;font-size:16px}}