*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0c0c0d;font-family:Raleway,sans-serif}.container{padding:30px 120px}header{z-index:100;justify-content:center;margin-bottom:120px;display:flex;position:sticky;top:20px}.nav-container{background:#211f23;border-radius:100px;justify-content:center;align-items:center;gap:35px;width:700px;padding:18px;display:flex}.nav-container a{color:#b292ff;text-decoration:none}.about{justify-content:space-between;align-items:center;gap:50px;display:flex}.content{max-width:650px}.content p:first-child{font-size:50px;font-weight:700}.content p:nth-child(2){color:#8f8f8f;padding:30px 0;line-height:32px}button{cursor:pointer;border:none;border-radius:100px;padding:12px 30px}.proj{color:#b292ff;background:0 0;margin-left:15px}.about-img img{object-fit:cover;border-radius:50%;width:340px;height:340px}.education{background:#131313;border-radius:20px;justify-content:space-between;gap:20px;margin-top:120px;padding:40px;display:flex}.edu-card{text-align:center}.edu-card img{width:180px;height:180px}.heading{text-align:center;margin:120px 0 40px;font-size:38px}.skills{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:25px;display:grid}.skill-box{background:#131313;border:1px solid #313131;border-radius:16px;padding:30px}.skill-box h3{margin-bottom:20px}.list{align-items:center;gap:15px;margin-bottom:15px;display:flex}.list img{width:28px;height:28px}.projects>p{text-align:center;margin:120px 0 40px;font-size:38px}.project-block{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;display:grid}.proj-list{background:#131313;border:1px solid #2d2d2d;border-radius:18px;padding:25px}.proj-list img{border-radius:12px;width:100%}.proj-list p{margin-top:15px;line-height:28px}.proj-list a{color:#b292ff;text-decoration:none}.contact{flex-direction:column;align-items:center;margin:120px 0;display:flex}.contact p{margin-bottom:20px;font-size:40px}.contact-form{background:#1b1b1b;border-radius:20px;width:500px;padding:40px}.contact-form input,.contact-form textarea{border:none;border-radius:10px;width:100%;margin-bottom:20px;padding:15px}footer{background:#131313;border-radius:20px;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.footer-icons{gap:20px;display:flex}.footer-icons img{width:30px}.copyright{margin-top:20px}@media screen and (width<=900px){.container{padding:20px}.about{text-align:center;flex-direction:column-reverse}.education{flex-direction:column;align-items:center}.nav-container{flex-wrap:wrap;gap:12px;width:100%}.contact-form{width:100%}footer{flex-direction:column;gap:20px}}
