@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: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);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:3.4rem;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:7.4rem;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:5.4rem;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;margin-top:12rem}.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;margin-top:1.2rem}.portfolio-info h4{font-size:4.4rem;margin:1rem 0;font-weight:800}.portfolio-info p{font-size:1.7rem;font-weight:600;line-height:1.7}.portfolio-icons{margin-top:2rem}.contact{background-color:var(--second-bg-color)}.contact h2{text-align:center;font-size:36px;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 (max-width:599px){*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:none;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color:#080808;--second-bg-color:#000c10;--text-color:#fff;--main-color:#0ec3f0;--header-height:6.8rem}html{font-size:55%;overflow-x:hidden}body{background:var(--bg-color);color:var(--text-color);padding-top:calc(var(--header-height) + 3.4rem);min-height:100dvh;display:flex;flex-direction:column}.layout{flex:1 1;width:100%;display:flex;justify-content:center}.layout>main{width:100%;max-width:420px}section{min-height:auto;padding:4rem 1.6rem;scroll-margin-top:calc(var(--header-height) + 1.2rem)}span{color:var(--main-color)}header{position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;min-height:var(--header-height);padding:.8rem 1.6rem;display:flex;align-items:center;justify-content:space-between;background-color:rgba(8,8,8,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-size:1.8rem;font-weight:600;color:var(--text-color)}.nav-links{display:flex;align-items:center;gap:1.4rem}.nav-links a{font-size:1.4rem;font-weight:500;color:var(--text-color)}.home{flex-direction:column-reverse;justify-content:center;gap:3rem}.home,.home-content{display:flex;align-items:center;text-align:center}.home-content{flex-direction:column}.home-content h3{font-size:2.4rem;margin-bottom:.5rem}.home-content h1{font-size:3.2rem;font-weight:700;line-height:1.1;margin-bottom:.8rem}.home-content p{font-size:1.5rem;line-height:1.7;max-width:26rem}.home-img img{width:48vw;max-width:220px;border-radius:14%;box-shadow:0 0 18px var(--main-color)}.social-media a{display:inline-flex;justify-content:center;align-items:center;font-size:1.6rem;padding:.8rem;margin:1.6rem .4rem 1rem;border-radius:50%;background:transparent;border:1px solid var(--main-color);color:var(--main-color)}.social-media a box-icon{color:var(--main-color);fill:var(--main-color)}.btn-group{display:flex;gap:1rem;margin-top:.5rem}.btn{display:inline-block;padding:.6rem 1.8rem;border-radius:999px;font-size:1.5rem;font-weight:600;background:var(--main-color);color:#000;border:none;box-shadow:0 0 18px rgba(14,195,240,.4)}.btn-group a:nth-of-type(2){background:transparent;color:var(--main-color);border:1px solid var(--main-color);box-shadow:none}.about{display:flex;flex-direction:column-reverse;align-items:center;gap:3rem;text-align:center}.about img{width:48vw;max-width:220px;border-radius:14%;box-shadow:0 0 16px var(--main-color)}.about h2{font-size:2.8rem;margin-bottom:1rem}.about-content p{font-size:1.5rem;line-height:1.85;max-width:34rem;margin-left:auto;margin-right:auto;margin-bottom:1.2rem}.about-content .btn{margin-top:1.2rem}.portfolio{background-color:var(--bg-color);padding-top:3rem;padding-bottom:3.5rem}.portfolio h2{font-size:2.8rem;text-align:center;margin-bottom:2rem;color:var(--text-color)}.portfolio-container{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;width:100%}.portfolio-box{border-radius:2rem;padding:1.8rem 1.6rem 1.6rem}.portfolio-info{text-align:center}.portfolio-info h4{font-size:2.2rem;margin-bottom:.8rem}.portfolio-info p{font-size:1.5rem;line-height:1.8;max-width:34rem;margin:0 auto 1.2rem}.portfolio-icons{display:flex;justify-content:center;gap:1.2rem;margin-top:2rem}.portfolio-icons i{font-size:2.6rem;color:var(--main-color)}.contact{background-color:var(--second-bg-color)}.contact h2{font-size:2.6rem;margin-bottom:2rem;text-align:center}.contact form{display:flex;flex-direction:column;gap:1.6rem}.contact form .input-box input,.contact form textarea{width:100%;padding:1.2rem 1.4rem;border-radius:1.4rem;border:1px solid var(--main-color);background:var(--bg-color);color:var(--text-color);font-size:1.5rem}.footer{background-color:var(--bg-color);padding:1.6rem 0 calc(2rem + env(safe-area-inset-bottom));margin-top:auto}.footer .copyright{text-align:center;font-size:1.3rem}}@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;--header-height:7.2rem}body{background:var(--bg-color);color:var(--text-color);padding-top:calc(var(--header-height) + 1.6rem)}section{min-height:92vh;padding:10rem 12%;scroll-margin-top:calc(var(--header-height) + 1.6rem)}#menu-icon,span{color:var(--main-color)}#menu-icon{font-size:3.6rem;display:none;cursor:pointer}header{justify-content:space-between;width:100%;min-height:var(--header-height);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:5.4rem;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:6.4rem;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:7.4rem;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:4.4rem;margin:1rem 0;font-weight:800}.portfolio-info p{font-size:2rem;font-weight:600;line-height:1.7}.portfolio-icons{margin-top:2rem}.contact{background-color:var(--second-bg-color)}.contact h2{text-align:center;font-size:36px;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}}