.container{box-sizing:border-box;position:relative;top:15.5;left:15}.about-section{max-width:800px;height:auto;display:flex;flex-direction:column;align-items:center;overflow:hidden}.about-section h2{font-size:2vw}.about-content{padding-bottom:12px}.about-text{padding-top:6px;text-align:left;color:#7a7a7a}.about-text p{font-family:Open Sans,serif;font-optical-sizing:auto;font-weight:400;font-size:1rem;line-height:1.25rem;font-style:normal;font-variation-settings:"wdth" 100}General styles */ body{margin:0;font-family:Open Sans,serif;background-color:#fff}.main-content{max-width:48rem;margin:1.5rem auto}.hero-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-description{font-family:Open Sans,serif;font-style:normal;font-size:1.25rem;color:#21262c;max-width:36rem;line-height:1.75rem;font-weight:500}.profile-image{width:120px;height:120px;border-radius:50%}.skill-container{display:flex;gap:1rem;flex-wrap:wrap;justify-content:start;padding:1rem}.skill-card{background-color:#f1f0f0;border-radius:8px;padding:.25rem 1rem}.skill-card span{font-family:Open Sans,serif;font-size:.85rem;font-weight:600;line-height:1rem}*{margin:0;padding:0;box-sizing:border-box}.container{box-sizing:border-box;max-width:48vw;top:5.75vw;left:25%;padding-bottom:5.5rem}@media (max-width: 1024px){.container{max-width:90vw;top:5.75vw;left:5%}}.subheading{padding:0;font-family:Open Sans,serif;font-weight:700;line-height:1.75;margin:0;font-size:1.25rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));grid-gap:.75rem;justify-content:center;margin-top:1.5rem}.project-card{height:auto;width:18rem;border-radius:8px;border:1px solid rgb(179,179,179);padding:.5rem}.project-card img{height:100%;width:100%;object-fit:cover;border-radius:1px}.project-card h3{margin-top:.25rem;letter-spacing:-.025em;font-family:Open Sans,serif;font-size:1.25rem;font-weight:600;padding:.5rem;line-height:1.5rem}.project-card p{font-family:Open Sans,serif;font-size:.8rem;padding:.5rem;line-height:1rem;font-weight:400;color:#737373}.project-card a{font-family:Open Sans,serif;font-size:.85rem;padding:.5rem;font-weight:600;text-decoration:none;color:#f7f5f5}.technologies{display:flex;gap:.5rem;padding:.5rem;flex-wrap:wrap}.technologies span{font-family:Open Sans,serif;font-size:12px;font-weight:600;background-color:#f5f5f5;border-radius:8px;padding:.25rem;color:#171717}.project-links{display:flex;gap:1.5rem;padding:.5rem}.project-line{background-color:#777;height:1px;width:16rem;margin:.5rem}.project-links button{background-color:#414141;padding:4px 8px;border-radius:8px}.content{display:flex;flex-direction:column;gap:32px;margin-top:1.5rem}.contact-section{text-align:center}.contact-content{margin-top:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.badge{font-family:Open Sans,serif;font-style:normal;font-size:1rem;line-height:1.75rem;font-weight:500;width:max-content;background-color:#333;color:#fff;padding:4px 8px;border-radius:4px}.contact-title{font-size:3rem;font-weight:700}.contact-description{font-family:Open Sans,serif;font-size:1.5rem;color:#555;max-width:600px;margin:0 auto}.link{color:#007bff;text-decoration:none}.link:hover{text-decoration:underline}.social-links{display:flex;gap:8px;justify-content:center}.social-button{background:none;border:none;font-size:1.5rem;cursor:pointer}.social-button:hover{color:#007bff}