*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inika}.main{background:url(/Portfolio_Website/assets/Skills-D6ozD62C.jpg) no-repeat center center fixed;background-size:cover;min-height:100vh;color:#000d16}.nav{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 75px;border-bottom:2px solid #000D16;position:fixed;top:0;left:0;width:100vw;z-index:1000;background:#c8e6e6f2}.logo{font-family:cursive;font-size:35px;font-family:Hurricane}.nav-links{display:flex;list-style:none;gap:40px;font-size:25px}.nav-links a:hover{text-decoration:underline}html{scroll-behavior:smooth}.nav-links li a{text-decoration:none;color:#000;cursor:pointer}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer}.hamburger span{width:24px;height:3px;background:#000;transition:.3s}@media(max-width:900px){.hamburger{display:flex}.nav-links{position:fixed;top:80px;left:0;background:#c8e6e6f2;width:100vw;flex-direction:column;align-items:center;gap:25px;padding:30px 0;transform:translateY(-200%);transition:.4s ease-in-out}.nav-links.open{transform:translateY(0)}.nav{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 35px;border-bottom:2px solid black;position:fixed}.logo{font-size:29px;font-family:Hurricane}}.home{max-height:90vh;display:flex;align-self:center;justify-self:center;padding:110px;margin-left:2%;max-width:100vw}.home-content{display:flex;align-items:center;gap:55px;justify-content:right;margin-top:18%;margin-left:40px}.home-line{width:2.3px;height:140%;background:#000d16;margin-top:3%}.home-text h1{font-size:99px;line-height:1.1;font-weight:200}.home-text p{font-size:28px;margin:20px 0 7% 5px}.home-text a{padding:12px 30px;font-size:20px;border-radius:25px;border:2px solid black;background:#fff;cursor:pointer;font-family:Inika;color:#000d16;text-decoration:none;box-shadow:#000d16 0 2px 2px}.home-text a:hover{background:#000d16;color:#fff}@media(max-width:1200px){.home-line{height:160%}.home-text h1{font-size:96px}.home-text p{font-size:24px;margin-bottom:8%}.home-text a{font-size:18px}}@media(max-width:500px){.home-content{margin-top:25%;margin-left:0%}.home-text h1{font-size:85px;line-height:1.1;font-weight:200}.home-text p{font-size:23px;margin:20px 0 15% 5px}.home-text a{padding:12px 30px;font-size:19px;border-radius:25px;border:2px solid black;background:#fff;cursor:pointer;font-family:Inika}.home-line{display:none}}@media(max-width:426px){.home{padding:15px;min-height:100vh}.home-content{margin-top:10%}.home-text h1{font-size:70px;line-height:1.1;font-weight:200}.home-text p{font-size:20px;margin:20px 0 15% 5px}.home-text a{padding:12px 30px;font-size:17px;border-radius:25px;border:2px solid black;background:#fff;cursor:pointer;font-family:Inika}}.about{max-height:90vh;display:flex;align-items:center;padding:230px 130px 130px;gap:60px}.about-left{flex:1}.about-left h2{font-size:65px;font-weight:200;border-bottom:3px solid #000D16;display:inline-block;margin-bottom:7%}.about-left p{font-size:25px;margin-bottom:8%}.about-left a{padding:12px 30px;border-radius:25px;border:2px solid #000D16;background:#fff;font-family:Inika;font-size:21px;color:#000d16;text-decoration:none;box-shadow:#000d16 0 2px 2px}.about-left a:hover{background:#000d16;color:#fff}.about-right img{width:36vw;margin-top:5%;transition:transform .3s}.about-right img:hover{transform:scale(1.05)}@media(max-width:1200px){.about{padding:6% 2% 6% 6%}.about-left h2{font-size:52px;margin-top:13%}.about-left p{font-size:22px;margin-bottom:8%}.about-left a{font-size:19px}.about-right img{width:36vw;margin-top:20%}}@media(max-width:900px){.about-left h2{font-size:57px;margin-bottom:8%}.about-left p{font-size:21px;margin-bottom:11%}}@media(max-width:420px){.about{min-height:100vh;padding:0 0 0 30px}.about-left h2{font-size:45px;font-weight:200;border-bottom:3px solid #000D16;display:inline-block;margin-bottom:7%;margin-top:15%}.about-left p{font-size:18px;margin-bottom:14%}.about-left a{padding:10px 28px;border-radius:25px;border:2px solid #000D16;background:#fff;font-family:Inika;font-size:18px;color:#000d16;text-decoration:none}.about-left a:hover{background:#000d16;color:#fff}.about-right img{width:36vw;margin-top:5%}}.skills{padding:90px 7%}.skills h2{margin-top:2%;font-size:56px;margin-bottom:28px;font-weight:300;display:inline-block;border-bottom:3px solid #000D16}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,max-content));gap:30px;align-items:stretch}.skill-box{border:1px solid #000;border-radius:30px;padding:30px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .3s;min-width:260px}.skill-box:hover{transform:scale(.97)}.skill-box h3{text-align:center;font-size:1.4rem;font-weight:200;margin-bottom:20px}.icons{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.icons span{display:flex;align-items:center;justify-content:center}.icons img{height:110px;width:100px;object-fit:contain}.skill-box.wide{grid-column:span 2}@media(max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-box.wide{grid-column:span 1}.skill-box{border:2px solid #000;border-radius:30px;padding:20px 25px;min-width:260px}.skills h2{text-align:center;font-size:2.2rem}.skill-box h3{text-align:center;font-size:1.2rem;margin-bottom:25px}.icons img{height:80px}}@media(max-width:420px){.skills{padding:90px 9%}.skills-grid{grid-template-columns:1fr}.skill-box.wide{grid-column:span 1}.skill-box{border:2px solid #000;border-radius:30px;padding:15px;background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.skills h2{text-align:center;font-size:2.2rem}.skill-box h3{text-align:center;font-size:1rem;margin-bottom:20px}.icons img{height:70px}}.project{min-height:100vh;padding:60px 100px 100px}.project h2{font-size:53px;border-bottom:3px solid black;display:inline-block;margin-bottom:50px;margin-top:4%;font-weight:400}.project-viewport{overflow:hidden;width:100%}.project-track{display:flex;transition:transform .6s ease-in-out}.project-card h3{font-size:29px;margin-bottom:18px;font-weight:500}.project-card p{font-size:17px;margin-bottom:8px}.project-card{min-width:47%;margin-right:40px;padding:40px 40px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .5s;border:1px solid #000D16;border-radius:30px}.project-card:hover{transform:scale(.97)}.project-links{font-size:25px}.project-links img{width:11%}.project-dots{display:flex;justify-content:center;margin-top:30px;gap:12px}.dot{width:11px;height:11px;border-radius:50%;background:#555;cursor:pointer}.dot.active{background:#000}.project-footer{margin-top:40px;font-size:22px;margin-left:1%}.project-footer a{color:#000;font-weight:400}@media(max-width:900px){.project{padding:50px}.about-right img,.contact-right img{display:none}.project-card{min-width:100%;margin-right:0}}@media(max-width:426px){.project{padding:20px}.project h2{font-size:35px;margin-bottom:15%;margin-top:22%}.project-card h3{font-size:23px;margin-bottom:10px}.project-card p{font-size:14px;margin-bottom:10px}.project-card{padding:20px}.project-links{font-size:18px}.project-dots{display:flex;justify-content:center;margin-top:20px;gap:10px}.dot{width:9px;height:9px}.dot.active{background:#000}.project-links img{width:16%}.project-footer{margin-top:30px;font-size:17px;margin-left:5%}.project-footer a{color:#000;font-weight:700}.project-card{min-width:100%;margin-right:0}}.contact{min-height:90vh;padding:0 190px 45px 130px;display:flex;gap:80px;align-items:center}.contact-left{flex:1}.contact-left h2{font-size:60px;border-bottom:3px solid black;display:inline-block;font-weight:300;margin-bottom:50px}.contact-left p{font-size:24px;line-height:1.6;margin-bottom:40px}.contact-right img{max-width:29rem;transition:transform .3s}.contact-right img:hover{transform:scale(1.05)}.contact-icons img{width:13%;margin-right:5%;transition:box-shadow .3s transform .2s;border-radius:20%}.contact-icons img:hover{box-shadow:0 0 10px #000d16;transform:scale(1.1)}@media(max-width:1025px){.contact{padding:10px 90px}.contact-left h2{font-size:48px;margin-bottom:40px}.contact-left p{font-size:20px;line-height:1.6;margin-bottom:20px}.contact-right img{max-width:20rem}.contact-icons img{width:20%}}@media(max-width:900px){.contact{flex-direction:column;padding:50px;text-align:center}.contact-icons{justify-content:center}}@media(max-width:420px){.contact{padding:40px 20px 0 30px}.contact-left h2{font-size:35px;margin-right:60%;margin-bottom:10%}.contact-left p{font-size:19px;line-height:1.6;text-align:left;margin-bottom:40px}.contact-icons img{width:20%}}