.hero{margin-top:7.9375rem;margin-bottom:12.6875rem;display:flex;flex-direction:column;gap:3rem;min-height:430px}.hero-title{max-width:790px;width:68%}.hero-title .name{position:relative;white-space:nowrap}.hero-title .name:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:6px;background-color:var(--accent-);z-index:-10}.hero-body{max-width:450px;display:flex;flex-direction:column;gap:3.5rem}@media (width<=1223px){.hero-title h1{font-size:5rem;line-height:5.7rem}}@media (width<=1106px){.hero-title h1{font-size:4.5rem;line-height:5.1rem}}@media (width<=800px){.hero-title h1{font-size:3.5rem;line-height:3.875rem}.hero{margin-top:5.625rem;margin-bottom:3.75rem;gap:2.5rem}.hero-body{gap:1.5rem}}@media (width<=600px){.hero{margin-top:27rem;margin-bottom:5rem;align-items:center;text-align:center;min-height:auto}.hero-title,.hero-body{width:100%}}.nav-header{width:100%;display:flex;justify-content:space-between;padding:2.4375rem 0 0;position:relative}.nav-header .logo-parent h1{font-weight:700;font-size:2rem;letter-spacing:normal}.nav-header .icons{display:flex;align-items:center;gap:2rem;padding-right:1.875rem}.nav-profile-image{position:absolute;top:0;right:0;max-width:445px;width:75%;height:720px;z-index:-100}.nav-profile-image{background-color:var(--black-30-)}.nav-profile-image img{object-fit:cover;width:100%;height:100%}.profile-loading{animation:profilePulse 1s infinite}.nav-profile-image{background-size:cover;background-position:center}.circle1{position:absolute;width:128px;bottom:70px;left:-64px}@keyframes profilePulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (width<=850px){.nav-profile-image{right:-5%}.nav-header .icons{padding-right:0}}@media (width<=800px){.nav-profile-image{max-width:322px;height:600px}.circle1{bottom:0;left:initial;right:-64px}.nav-profile-image{overflow:hidden}}@media (width<=630px){.nav-profile-image{height:550px}}@media (width<=600px){.nav-header{flex-direction:column;align-items:center;gap:1.25rem}.nav-header .icons{padding:0}.nav-profile-image{left:50%;transform:translate(-50%);height:500px}.circle1{display:none}.nav-header .logo-parent h1{line-height:1.625rem!important}}.skill{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem;background:linear-gradient(var(--accent-) 0 0) left / var(--p, 0%) no-repeat;transition:.4s;padding:1rem}.skill:hover{--p: 100%;color:var(--black-30-)}.skill:hover *{color:inherit}@media (width<=400px){.skill{align-items:center}}.skills-container{border-top:1px solid var(--white-60-);padding-top:4.5rem;display:flex;flex-wrap:wrap;row-gap:1.625rem;margin-bottom:7.75rem}.skills-container .skill{flex-basis:calc(100% / 3)}@media (width<=870px){.skills-container .skill{flex-basis:50%}.skills-container{margin-bottom:5.25rem}}@media (width<=768px){.skills-container{padding-top:3.25rem;row-gap:1.25rem}.body{flex-direction:column}}@media (width<=600px){.skills-container{margin-bottom:4rem;row-gap:.25rem}}@media (width<=400px){.skills-container{flex-direction:column;align-items:center}}.project{display:flex;flex-direction:column;gap:1.25rem}.project-bg{width:100%;aspect-ratio:16/9;background:var(--black-30-);cursor:pointer;position:relative;border-radius:.8rem;overflow:hidden}.loading{animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.project-bg img{width:85%;position:absolute;bottom:0;left:50%;opacity:0;translate:-50% 8.5%;transition:all .25s;border-radius:.4rem}.loaded{opacity:1!important}.project-bg:hover img{width:90%;transform:rotate(2deg)}.project-title-hl{flex:1;height:1px;background:var(--white-30-);opacity:.3;margin:0 .75rem}.project-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:.6rem}.project-title-urls{display:flex;align-items:center;gap:.6rem}.project-techs p{color:var(--accent-)}.project-description p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.project-modal-container{position:fixed;top:0;left:0;right:0;z-index:9999;height:100dvh;padding:4.8rem 1.2rem;overflow-y:scroll;display:flex;justify-content:center;cursor:pointer}.project-modal{width:100%;max-width:700px;height:-moz-fit-content;height:fit-content;border-radius:1.2rem;overflow:hidden;background:var(--black-30-);box-shadow:0 5px 15px #0000001a;cursor:auto}.project-modal-image{width:100%}.project-modal-image img{width:100%;object-fit:cover;border-radius:.5rem .5rem 0 0}.project-modal-body{padding:1.5rem}.modal-project-techs{margin-top:.25rem;margin-bottom:1rem}.modal-project-urls{margin-top:1.5rem;margin-bottom:.5rem}.modal-links-text{font-size:1.375rem}.modal-links-text span{color:var(--accent-)}.project-modal-links{display:flex;align-items:center;gap:.75rem}.project-modal-links>a{display:flex;align-items:center;gap:.25rem}.project-modal-links>a svg{height:1rem}.project-modal-links>a p{font-size:1rem;color:var(--accent-)}@media (width <=768px){.project-modal-container{padding:1.2rem}}@media (width <=400px){.project-modal-links{flex-direction:column;align-items:flex-start}}.projects-container .header{display:flex;justify-content:space-between;align-items:center}.projects-container .body{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5rem;row-gap:4.25rem}.projects-container .body .project{flex-basis:48%}@media (width<=870px){.projects-container .body{margin-top:3.75rem}}@media (width<=700px){.projects-container{display:flex;flex-wrap:wrap;flex-direction:column}.projects-container .body .project{width:100%}}@media (width<=600px){.projects-container .body{margin-top:2.5rem}.projects-container .body{row-gap:2.5rem}}.contact{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:5.75rem;gap:3rem}.contact>div,form{width:40%;min-width:330px}.contact-body{display:flex;flex-direction:column;gap:2.25rem}.qoute{display:flex;flex-direction:column}.qoute input:not(.submit-btn),.qoute textarea{background-color:transparent;border:none;outline:none;padding:.25rem 1rem 1rem;border-bottom:1px solid var(--white-60-)}.qoute input:not(.submit-btn):focus,.qoute textarea:focus{border-bottom:1px solid var(--accent-)}.qoute textarea{height:110px;resize:none}.btn{width:max-content;align-self:flex-end;font-size:1rem;line-height:1.625rem;letter-spacing:.143125rem;font-weight:700;color:var(--white-60-)}.btn .submit-btn{border:none;outline:none;padding-bottom:.425rem;border-bottom:.125rem solid var(--accent-);cursor:pointer;width:max-content;background-color:transparent;text-align:left}.btn .submit-btn:hover{color:var(--accent-)}.error-message{color:var(--error-);font-weight:500;font-size:12px;align-self:flex-end;visibility:hidden}@media (width <=786px){.contact{flex-direction:column;justify-content:center;align-items:center}.contact>div,form{max-width:445px;width:100%}.contact-body{gap:1.25rem}.contact-body>*{text-align:center}}@media (width <=768px){.contact>div,form{min-width:auto}}@font-face{font-family:Space Grotesk;src:url(/assets/SpaceGrotesk-068f7325.woff2) format("woff2");font-style:normal;font-display:swap}:root{font-family:Space Grotesk,sans-serif;text-rendering:optimizeLegibility;--black-60-: #1c1e20;--black-30-: #262a30;--white-60-: #ffffff;--white-30-: #d9d9d9;--white-10-: #868686;--accent-: #4ee1bc;--error-: #ff6f5b}::selection{background-color:var(--accent-);color:var(--black-30-)}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.custom-mouse{width:32px;height:32px;background-color:var(--accent-);position:fixed;pointer-events:none;top:0;left:0;z-index:99999999;border-radius:50%}input,textarea{width:100%}input::placeholder,textarea::placeholder{font-family:Space Grotesk,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:500;font-size:1rem;color:var(--white-60-);opacity:50%}input,textarea{font-family:Space Grotesk,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:500;font-size:1rem;color:var(--white-60-)}body{background-color:var(--black-60-)}#root{width:100%;display:flex;flex-direction:column;align-items:center}img{display:block}main{display:flex;flex-direction:column;max-width:1200px;width:90%}footer{background-color:var(--black-30-);width:100%;display:flex;flex-direction:column;align-items:center;margin-top:8.75rem;padding-top:5.25rem}footer>div{max-width:1200px;width:90%}.nav-bottom{border-top:1px solid var(--white-60-)}a{text-decoration:none;border:none;outline:none}h1{font-size:5.5rem;line-height:6.3rem;letter-spacing:-.15625rem;font-weight:700;color:var(--white-60-)}h2{font-size:3rem;line-height:3.5rem;letter-spacing:-.09375rem;font-weight:700;color:var(--white-60-)}h3{font-size:1.5rem;line-height:2rem;font-weight:700;color:var(--white-60-)}p{font-size:1.125rem;line-height:1.75rem;color:var(--white-30-);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (hover: hover){*{scrollbar-color:var(--white-30-) var(--white-10-);scrollbar-width:thin}*::-moz-scrollbar{width:8px}*::-moz-scrollbar-thumb{background-color:var(--white-30-);border-radius:4px}*::-moz-scrollbar-track{background-color:var(--white-10-)}*::-webkit-scrollbar-track{border-radius:4px;background-color:var(--white-10-)}*::-webkit-scrollbar{width:8px;background-color:var(--white-10-)}*::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--white-30-)}}@media (width <=768px){h1{font-size:4.5rem}footer{margin-top:5rem;padding-top:3.75rem}}@media (width <=600px){h1{font-size:2.5rem;line-height:2.5rem}h2{font-size:2rem;line-height:2.5rem}h3{line-height:1.625rem}p{font-size:1.125rem;line-height:1.625rem}}