*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f6f1ec;font-family:Lato,sans-serif;color:#4e4a46;margin:0}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;color:#2c2a28}html{scroll-behavior:smooth}.navbar{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:flex-end;width:100%;height:50px;padding:0 60px;background-color:#f6f1ec;border-bottom:1px solid #3e2f23}.nav-links{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:80px;align-items:center}.nav-links a{text-decoration:none;color:#3e2f23;font-weight:500;transition:.2s;align-items:center}.nav-links a:hover{color:#a47551}.resume-btn{padding:6px 14px;font-weight:600;border-radius:4px;text-decoration:none;transition:all .25s ease;background-color:#a4755133;color:#3e2f23}.resume-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4f301f26;background-color:#a4755166}@media screen and (max-width:768px){.navbar{padding:0 10px}.nav-links{position:static;transform:none;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;gap:10px}.nav-links a,.resume-btn{flex:1 1 auto;text-align:center;font-size:.8rem;padding:6px 0}.resume-btn{border-radius:4px;background-color:#a4755133}}.about{min-height:100vh;background:#f6f1ec;color:#3e2f23;display:flex;justify-content:left;gap:50px;align-items:flex-start;flex-wrap:wrap;padding:60px 10%;margin-top:50px}.about-container{max-width:1000px;margin:0 auto;flex:1}.about-title{font-size:clamp(2rem,5vw,2.625rem);margin-bottom:25px;color:#3e2f23}.about-text{font-size:clamp(1.2rem,2.5vw,1.125rem);line-height:1.7;margin-bottom:20px}.skills{font-size:clamp(1.2rem,2.5vw,1.125rem);display:flex;gap:40px;margin-bottom:20px;justify-content:space-between}.skills-left,.skills-center{list-style-type:square;list-style-position:inside;padding:0;margin:0}.skills-right{list-style-type:square;list-style-position:inside}.about-img img{width:360px;height:auto;border-radius:3px;margin-top:85px}@media screen and (max-width:768px){.about{flex-direction:column;align-items:center;text-align:center;gap:25px;padding:30px 5%;margin-top:20px}.about-container{max-width:100%;margin-bottom:10px}.about-img{width:100%;display:flex;justify-content:center;margin-top:0}.about-img img{width:75%;max-width:260px;margin-top:0}.about-text{font-size:1rem}.skills{flex-direction:row;gap:15px;justify-content:space-between;flex-wrap:wrap}.skills-left,.skills-center,.skills-right{width:30%;text-align:left}.about-title{margin-bottom:15px}}.projects{padding:60px 10% 120px;background-color:#f6f1ec;text-align:center}.projects-title{font-size:clamp(2rem,5vw,2.5rem);color:#3e2f23;margin-bottom:60px;text-align:left}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.project-card{background:transparent;border-style:double;border-color:#3e2f23;border-radius:3px;padding:30px;text-align:left;box-shadow:0 8px 15px #3e2f231f;transition:transform .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 14px 28px #3e2f232e}.project-card h3{color:#3e2f23;margin-bottom:15px}.project-card p{color:#5c4a3d;line-height:1.6;margin-bottom:20px}.project-card .tech-stack{color:#a47551;font-weight:600}.project-links a{display:inline-block;padding:6px 14px;color:#fff;font-weight:600;border-radius:4px;text-decoration:none;font-size:.95rem;transition:all .25s ease;background-color:#a4755133;color:#3e2f23}.project-links a:hover{box-shadow:0 4px 8px #4f301f26;background-color:#a4755166;transform:translateY(-2px)}.project-image{width:100%;height:180px;overflow:hidden;border-radius:3px;margin-bottom:18px;background-color:#f6f1ec;display:flex;align-items:center;justify-content:center}.project-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease}.project-card:hover .project-image img{transform:scale(1.05)}@media screen and (max-width:768px){.projects{padding:30px 5%;margin-bottom:30px;margin-top:20px}.projects-title{text-align:center;font-size:1.8rem;margin-bottom:15px}.projects-container{gap:25px}.project-card{padding:20px}.project-image{height:160px}.project-links{flex-wrap:wrap;gap:10px}}.banner{width:100%;height:550px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-size:cover;background-position:center;transition:opacity .5s ease,transform .5s ease}.banner.hidden{opacity:0;transform:translateY(-40px);pointer-events:none}.banner-title{font-size:clamp(2rem,5vw,3rem);color:#3e2f23;margin-bottom:10px}.banner-text{font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:15px;text-align:center}@media screen and (max-width:768px){.banner{height:300px;padding:0 20px}.banner-title{font-size:1.7rem}.banner-text{font-size:.7rem}}.contact{min-height:70vh;background:#f6f1ec;color:#3e2f23;padding:120px 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:40px;background-size:cover;background-position:center}.contact-container{width:100%;max-width:600px;margin:0 auto}.contact-title{font-size:clamp(4rem,5vw,2.625rem);margin-bottom:0}.contact-text{font-size:clamp(2.5rem,2.5vw,1.5rem);line-height:1.4;margin-bottom:20px}.icons{display:flex;justify-content:center;align-items:center;gap:18px;font-size:2.1rem}.icons a{color:#3e2f23;transition:.2s}.icons a:hover{color:#a47551}@media screen and (max-width:768px){.contact{padding:60px 5%;gap:20px}.contact-title{font-size:2.8rem}.icons{gap:12px;font-size:1.3rem}}.footer{text-align:center;padding:20px 0;background-color:#f6f1ec;color:#3e2f23;font-size:14px}