*{margin:0;padding:0}body{height:100vh;color:#fff;font-family:outfit,sans-serif;padding-top:6.25rem;background:#161513}html{scroll-padding-top:4rem}header h2{font-size:5rem;font-weight:600;position:relative;padding:0 2rem;background:linear-gradient(90deg,#395e33,#6fcf61);background-repeat:no-repeat;background-position:0 88%;background-size:0 3px;transition:background-size 1.5s ease}header h2.reverse{background:linear-gradient(270deg,#395e33,#6fcf61);background-size:0 3px;background-repeat:no-repeat;background-position:100% 88%;transition:background-size 1.5s ease}@media(max-width:768px){body{padding-top:4rem;background-attachment:scroll}header h2{font-size:2.5rem;padding:0 1rem}}@media(max-width:480px){header h2{font-size:2rem}}.scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity 1s ease,transform 1s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translate(-50px);transition:opacity 1s ease,transform 1s ease}.scroll-reveal-left.revealed{opacity:1;transform:translate(0)}.scroll-reveal-right{opacity:0;transform:translate(50px);transition:opacity 1s ease,transform 1s ease}.scroll-reveal-right.revealed{opacity:1;transform:translate(0)}.scroll-reveal-scale{opacity:0;transform:scale(.8);transition:opacity 1s ease,transform 1s ease}.scroll-reveal-scale.revealed{opacity:1;transform:scale(1)}.scroll-reveal-delay-1{transition-delay:.1s}.scroll-reveal-delay-2{transition-delay:.2s}.scroll-reveal-delay-3{transition-delay:.3s}.scroll-reveal-delay-4{transition-delay:.4s}header h2.revealed{background-size:100% 3px}.navbar{top:0;display:flex;align-items:center;justify-content:space-between;margin:0;padding:1rem .6rem .6rem 10.6rem;position:fixed;width:100%;background-color:#000000f2;-webkit-backdrop-filter:blur(5px);z-index:1000}.nav-menu{display:flex;align-items:center;list-style:none;gap:4rem;font-size:1.25rem}.nav-item{display:flex;flex-direction:column;gap:.3rem;cursor:pointer}.nav-menu a{text-decoration:none;color:inherit;transition:color .2s ease}.nav-menu a:visited{color:inherit}@media(hover:hover)and (pointer:fine){.nav-menu a:hover{color:#395e33}}.nav-item.active a{color:#395e33}@media(max-width:768px){.navbar{padding:.5rem 1rem}.nav-menu{gap:2rem;font-size:1rem}}@media(max-width:480px){.nav-menu{gap:1.5rem;font-size:.9rem}}.hero{display:flex;align-items:center;flex-direction:column;gap:8rem;padding-top:15rem;animation:fadeIn 4s}.hero h1{text-align:center;width:70%;font-size:4rem;font-weight:600}.hero h1 span{color:#395e33}.hero-body{display:flex;align-items:center;gap:1.5rem;font-size:1.5rem;font-weight:500;margin-bottom:10rem}.hero-resume-button{display:inline-block;border:3px solid white;border-radius:5rem;padding:2rem;text-decoration:none;color:#fff;cursor:pointer}.hero-resume-button:hover{border-color:#395e33;transform:scale(1.05)}.hero-resume-button:visited{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.hero{gap:4rem;padding:10rem 1rem 3rem}.hero h1{font-size:2.5rem}.hero-body{font-size:1.2rem;margin-bottom:3rem}.hero-resume-button{padding:1rem 1.5rem;font-size:1.2rem}}@media(max-width:480px){.hero h1{font-size:2rem}.hero body{font-size:1rem}.hero-resume-button{padding:1rem 1.5rem;font-size:1rem}}.About{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;margin:5rem 10rem}.about-sections{display:grid;grid-template-columns:1fr 2fr;gap:5rem}.about-left img{width:25rem;border-radius:3%}.about-right{display:flex;flex-direction:column;gap:1.25rem;font-size:1.5rem;font-weight:600}.about-skills{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(5rem,1fr));gap:1.25rem}.about-skills img{height:5rem;width:auto;object-fit:contain}.skill-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:5rem}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-achievement hr{width:.25rem;height:6.25rem;background-color:#fff;border:none;margin:0}.about-achievement h2{font-size:4rem;font-weight:700;background:linear-gradient(90deg,#395e33 40%,#6fcf61 90%);background-clip:text;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.about-achievement p{font-size:1.25rem;font-weight:500}.skill-item:hover,.about-achievement:hover{transform:scale(1.1);transition:.3s ease}@media(max-width:768px){.About{gap:3rem;margin:3rem 1rem}.about-sections{grid-template-columns:1fr;gap:3rem;text-align:center}.about-left{justify-self:center}.about-left img{max-width:20rem}.about-right{font-size:1.2rem}.about-skills{grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:1rem}.about-skills img{height:4rem}.about-achievement h2{font-size:3rem}.about-achievement p{font-size:1rem}.about-achievement hr{height:4rem}}@media(max-width:480px){.about-right{font-size:1rem}.about-skills{grid-template-columns:repeat(3,1fr)}.about-achievements{flex-direction:column;gap:2rem}.about-achievement hr{width:80%;height:.25rem}.about-achievement h2{font-size:2.5rem}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;margin:5rem 10rem}.projects-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem}.project-item{position:relative;border-radius:.6rem;overflow:hidden;cursor:pointer}.projects-container img{box-sizing:border-box;width:26rem;height:17rem;cursor:pointer;border-radius:2.5%}.project-overlay{position:absolute;inset:0;background:#232323e6;color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;opacity:0;border-radius:.6rem}.project-item:hover .project-overlay{opacity:1;transition:opacity .3s}.project-item:hover{transform:translateY(-8px);transition:transform .3s}@media(max-width:768px){.projects{gap:3rem;margin:3rem 1rem}.projects-container{grid-template-columns:1fr;gap:2rem}.projects-container img{height:15rem}.project-overlay{opacity:1;background:#232323cc}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;margin:5rem 10rem}.contact-content p{max-width:38rem;color:#a0a0a0;font-size:1.2rem;line-height:2rem;text-align:center}.contact-content span{color:#395e33;display:inline}.contact-form{display:flex;flex-direction:column;align-items:start;gap:2rem;width:40rem}.contact-form input,.contact-form textarea{box-sizing:border-box;border:none;width:100%;padding:1rem;border-radius:.25rem;background:#32323c;color:#a0a0a0;font-size:1.25rem;font-family:Outfit,serif;transition:all .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #395E33;background:#3a3a44}.contact-form input{height:4rem}.contact-submit{align-self:end;background:transparent;border:3px solid white;border-radius:2rem;padding:1rem;color:#fff;cursor:pointer;font-size:1.25rem;font-family:Outfit,serif;font-weight:700;margin-bottom:3rem;transition:all .3s ease}.contact-submit:hover{border-color:#395e33;transform:scale(1.05)}@media(max-width:1024px){.contact{margin:5rem}.contact-form{width:35rem}}@media(max-width:768px){.contact{gap:2rem;margin:3rem 1rem}.contact-content p{font-size:1rem;max-width:100%;padding:0 1rem}.contact-form{align-items:stretch;width:100%;max-width:35rem;padding:0 1rem}.contact-form input,.contact-form textarea{font-size:1rem;padding:.8rem}.contact-submit{align-self:center;font-size:1rem;margin-bottom:3rem;padding:.8rem 1.5rem}}@media(max-width:480px){.contact{margin:2rem .5rem}.contact-form{padding:0 .5rem;max-width:100%}.contact-form input,.contact-form textarea{padding:.75rem;font-size:.9rem}.contact-submit{padding:.7rem 1.2rem;font-size:.9rem}}.footer{margin:3rem 10rem;display:flex;flex-direction:column;gap:2rem}.footer-top{display:flex;justify-content:center;align-items:center;gap:2rem}.footer-top a{color:#fff;text-decoration:none;font-size:2rem;cursor:pointer}.footer-top a:hover{transform:scale(1.2);transition:.3s}.footer-bottom{display:flex;justify-content:center;align-items:center;font-size:1rem;padding-bottom:3rem}@media(max-width:768px){.footer{margin:2rem 1rem}.footer-top a{font-size:1.5rem}.footer-bottom{font-size:.9rem;padding-bottom:2rem}}