*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}h3{font-weight:700;font-size:2.2rem}h4{font-weight:700;font-size:1.7rem}a{text-decoration:none;color:inherit}p{font-size:1.2rem;margin-top:1rem}section{padding:4rem;margin:auto}header{background-color:#222222d9;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;top:0;width:100%;height:5rem}header h1{flex:1}header nav{display:flex;justify-content:space-between;align-items:center;flex:2}header nav ul{display:flex;list-style:none;gap:15px;margin-right:1rem}header nav a{font-weight:700}.resume-btn,.hero a{display:inline-block;font-weight:700;background-color:#007bff;color:#fff;padding:.7rem;border-radius:5px;width:11rem;height:3rem;text-align:center}.hero{margin-top:5rem;text-align:center;background-color:#333;color:#fff;padding:6rem 1rem}.hero h2{font-size:2.5rem}.hero a{margin-top:2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.skill-item{background-color:#fff;padding:1rem;text-align:center;border-radius:5px;box-shadow:0 2px 5px #00000080;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s ease}.skill-item:hover{transform:scale(1.15)}.project-box{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem;margin-top:1rem;gap:4rem;border-radius:5px;box-shadow:0 2px 5px #00000080}.project-box:nth-child(2){flex-direction:row-reverse}.project-box img{max-width:40%;height:auto}.project-box h4{margin-bottom:.5rem}.project-box li{list-style:square;margin-left:2rem;font-style:oblique}.tech-stack{margin:1rem .5rem;padding:.5rem;font-weight:700;border-radius:5px;border:none;width:5rem;background-color:#333;color:#fff}.project-box a{display:inline-block;font-weight:700;background-color:#007bff;color:#fff;padding:.7rem 1.2rem;margin:1rem 1rem 0 0;border-radius:5px;width:10rem;text-align:center}.project-box .demo{display:inline-block;font-weight:700;background-color:#222;color:#007bff;padding:.7rem 1.2rem;border-radius:5px}.contact-info li{margin-bottom:.5rem;list-style:circle;list-style-position:inside}.contact-info li span{font-weight:700}footer{display:flex;justify-content:space-between;align-items:center;background:#222;color:#fff;padding:1rem;font-size:.9rem}footer div{display:flex;gap:1rem}footer p{text-align:center}@media only screen and (max-width: 800px){header{flex-direction:column;height:7rem}header nav .resume-btn{display:none}.hero{margin-top:7rem}section{padding:2rem}.project-box,.project-box:nth-child(2){flex-direction:column}.project-box img{max-width:80%}footer{flex-direction:column}}