section{min-height:100vh;display:flex;justify-content:center;align-items:center}body{overflow-y:scroll;margin:0}header{position:fixed;top:0;width:100%;height:90px;background-color:#64646480;display:flex;justify-content:space-between;align-items:center}header nav ul{display:flex;gap:50px;list-style:none;margin-right:150px;font-size:large}#header-title{display:flex;align-items:center;gap:.5rem;margin-left:1rem;text-decoration:none;color:inherit}#home{background:#f0f0f0}#about{display:flex;align-items:center;justify-content:space-between;background:#e0e0e0;gap:40px;padding:60px 10%}.about-left{flex:1}.about-left h2{font-size:2.5rem;font-weight:700}.about-left p{font-size:1.1rem;line-height:1.8;color:#444}.about-right{flex:1;display:flex;justify-content:center}@media (width <= 576px){.about-right img{width:60%}}@media (576px <= width <= 768px){.about-right img{width:90%}}@media (768px <= width <= 992px){.about-right img{width:90%}}@media (992px <= width <= 1200px){.about-right img{width:80%}}@media (1200px <= width <= 1400px){.about-right img{width:70%}}@media (1400px <= width){.about-right img{width:60%}}#skills{background:#d0d0d0;display:flex;flex-direction:column;align-items:center}.skill-container{display:flex;flex-wrap:wrap;align-items:center;gap:2rem}.skill-card{background:#f9f9f9;border-radius:10px;padding:1.5rem;width:300px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center}@media (max-width: 1280px){.skill-card{width:200px;font-size:small}}#career{display:flex;flex-direction:column;align-items:center}#projects{background-color:#d0d0d0;display:flex;flex-direction:column;align-items:center}.project-card{background-color:#f9f9f9;border-radius:10px;padding:1.5rem;width:300px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center}form{display:flex;justify-content:center;flex-direction:column}#contact{display:flex;flex-direction:column}.contact-container-above{display:flex;justify-content:center;gap:20px}.contact-container-bottom{display:flex;flex:1;justify-content:center;margin-top:20px}.contact-container-bottom textarea{width:100%;height:200px}.contact-container-bottom{display:flex;align-items:center;flex-direction:row;gap:10px}#contact-send-btn{width:100px;height:40px;align-self:center;margin-top:10px}footer{display:flex;justify-content:space-between}footer .left-components{display:flex;margin-left:50px}footer nav ul{display:flex;gap:50px;list-style:none;margin-right:150px;font-size:large}