:root{--bg-color:#080808;--second-bg-color:#131313;--text-color:white;--main-color:#0fe}body{background:var(--bg-color);color:var(--text-color);margin:0;font-family:Arial,sans-serif;font-size:16px}section{padding:40px}h2{margin-bottom:20px}.card{background:var(--second-bg-color);border-radius:8px;margin-bottom:20px;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 12px #00000014}.card:hover{box-shadow:0 8px 20px white, 0 8px 20px var(--main-color);transform:translateY(-5px)}.card img{border:3px solid #fff;border-radius:10px;width:100%;margin-bottom:15px}.card-items{gap:3rem;display:flex}.card .card-items .link{flex-direction:column;display:flex}.card .card-items .link a{margin-top:3px}.card .card-items .link img{width:100%;height:100px}.icons{display:flex}.card .card-items .icons .icon{border:none;width:40px;height:50px;margin:0}.container{max-width:1100px;margin:0 auto}.logo{border:3px solid var(--main-color);width:50px;height:50px;box-shadow:0 0 5px white, 0 0 5px var(--main-color);border-radius:50%;margin:6px;transition:all .2s ease-in-out}.logo:hover{box-shadow:0 0 8px white, 0 0 10px var(--main-color);transform:scale(1.1)}nav{background:var(--second-bg-color);z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;width:100%;padding:3px 40px;font-weight:700;display:flex;position:fixed;top:0;left:0}nav ul{gap:40px;padding-right:8rem;list-style:none;display:flex}nav li{cursor:pointer;transition:all .2s ease-in-out}nav li:hover{-webkit-text-decoration:2px underline var(--main-color);text-decoration:2px underline var(--main-color);color:var(--main-color);transform:scale(1.05)}.hero{margin:3rem 2rem -8rem;padding:80px 0 0}.hero-content{grid-template-columns:1fr 300px;align-items:center;gap:60px;display:grid}.hero-text{position:relative;bottom:180px}.hero h1{margin-bottom:10px;font-size:42px}.hero h3{color:#555;margin-bottom:20px;font-size:2rem}.hero p{max-width:500px;margin-bottom:20px}.hero-image{justify-content:right;display:flex}.hero-image img{object-fit:cover;border:3px solid var(--main-color);width:400px;height:400px;box-shadow:0 0 15px white, 0 0 15px var(--main-color);border-radius:50%}button,.download-btn{background:var(--main-color);cursor:pointer;border:none;border-radius:6px;margin-right:8px;padding:10px 18px;font-weight:700;transition:all .2s ease-in-out}.download-btn{color:var(--second-bg-color);font-size:13.5px}button:hover,.download-btn:hover{opacity:.85;text-decoration:none;transform:scale(1.1);box-shadow:0 2px 25px #fff}h2{text-align:center;margin:4rem 0;font-size:30px}#projects{margin-top:10px}#projects>div{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.skills{margin-top:60px}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(161px,1fr));gap:12px;display:grid}.skills-grid div{background:var(--bg-color);text-align:center;box-shadow:0 2px 6px var(--main-color);border-radius:6px;padding:10px;font-weight:700}a{color:var(--main-color);font-weight:500;text-decoration:none}a:hover{text-decoration:underline}.certifications{text-align:center;padding:80px 10%}.certifications h2{margin-bottom:40px;font-size:2rem}.certifications-container{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.cert-card{background-color:var(--second-bg-color);border-radius:12px;padding:25px;transition:transform .2s ease-in-out}.cert-card:hover{box-shadow:0 8px 20px white, 0 8px 20px var(--main-color);transform:translate(10px)}.cert-card h3{margin-bottom:10px}.cert-card img{width:100%;padding:1rem 0}.cert-card .cert1{margin-top:1.3rem}.cert-card a{color:var(--main-color);font-weight:500;text-decoration:none}#contact form{text-align:center;justify-content:center;align-items:center;gap:1rem;margin:1rem auto;display:flex}#contact form .input-box{flex-wrap:wrap;justify-content:center;display:flex}#contact form .input-box input,#contact form textarea{width:90%;color:var(--text-color);background:var(--bg-color);border:2px solid var(--main-color);resize:none;border-radius:2rem;margin:7px 0;padding:1.5rem}#contact form textarea{height:200px}#contact form .btn{background:var(--main-color);cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:10px 18px;font-size:1rem;font-weight:700;transition:all .2s ease-in-out}#contact form .btn:hover{opacity:.85;transform:scale(1.1);box-shadow:0 2px 25px #fff}@media (width<=768px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-image{margin-top:30px}.hero-image img{width:300px;height:300px}.hero p{max-width:400px}}@media (width<=450px){nav ul{gap:12px}.hero-text{margin-top:14rem}}