@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Smooch+Sans:wght@400;500;600&display=swap);:root{--color-bg:#262626;--color-font:#fdf6f6;--color-primary:#388186;--color-secondary:#a5e9e1;--color-accent:#909}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);font-family:Smooch Sans,sans-serif;font-size:clamp(2rem,2.4vw,2.7rem);letter-spacing:1.5px;line-height:1.5;color:var(--color-font);overflow-x:hidden}h1,h2,h3{font-family:Bebas Neue,cursive;line-height:1;letter-spacing:0}h1{font-size:clamp(6rem,10vw,15rem);color:var(--color-primary)}h2{font-size:clamp(3rem,4.5vw,6rem);color:var(--color-accent)}h3{font-size:clamp(2.5rem,3.2vw,3.5rem)}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.intro{height:80vh;justify-content:center;gap:1rem;margin-inline:auto}.intro,.intro__greeting{display:flex;flex-direction:column}.intro__greeting{color:var(--color-accent);font-size:clamp(3rem,4.5vw,7rem);font-weight:600}.intro h3{margin:7rem 0 3rem 0}.intro h3,.intro>span{color:var(--color-secondary)}.intro>span{font-weight:500}.intro__description{max-width:80ch;font-size:clamp(2rem,2.4vw,2.7rem);margin-bottom:2rem}@media (min-width:600px){.intro{height:90vh;gap:2rem}.intro__description{margin-bottom:0}}@media (min-width:1250px){.intro{margin-top:4rem;min-height:100vh;justify-content:flex-start}}.first-show-enter-from,.first-show-leave-to{opacity:0;transform:translateY(60px)}.first-show-enter-active,.first-show-leave-active{transition:all .7s ease}.media{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;gap:3rem}.media>figure{cursor:pointer}.media figure a{outline:none}.logo-small a{width:50px;display:flex;align-items:center}.logo-small img{width:100%;-o-object-fit:cover;object-fit:cover}.logo{display:none}@media (min-width:1365px){.logo{display:initial;position:absolute;top:12rem;left:clamp(10px,2vw,4rem);width:80px;aspect-ratio:1}.logo>img{width:100%;-o-object-fit:cover;object-fit:cover}}.router-fade-enter-from,.router-fade-leave-to{opacity:0}.router-fade-enter-active,.router-fade-leave-active{transition:all easa 1s}.scroll-down{transform:translateY(-100%)}.scroll-up{box-shadow:0 0 8px hsla(0,0%,5%,.5)}.nav{width:100%;padding:1em 2em;display:flex;justify-content:space-between}.nav__logo{display:none}header{display:flex;align-items:center;padding:0 clamp(10px,2vw,4rem)}@media (min-width:600px){.nav__logo{width:40px;margin-left:2em;display:flex;align-items:center}}.nav__links{width:100%;list-style:none;display:flex;justify-content:flex-end;align-items:center;gap:clamp(4rem,8%,6rem)}.nav__icons{position:fixed;bottom:10vh;right:75px;z-index:9999}.link,.link__mobile{text-decoration:none;font-family:Bebas Neue,cursive;color:var(--color-primary);outline:none}.resume{position:relative;color:var(--color-accent)}.resume:before{border-top:1px solid var(--color-accent);border-left:1px solid var(--color-accent);top:-3px;left:-5px}.resume:after,.resume:before{content:"";display:inline-block;width:30%;height:40%;position:absolute;transition:all .5s ease}.resume:after{border-bottom:1px solid var(--color-accent);border-right:1px solid var(--color-accent);bottom:-1px;right:-5px}.resume:focus:after,.resume:focus:before,.resume:hover:after,.resume:hover:before{width:90%;height:90%}.link:focus,.link:hover,.link__mobile:focus,.link__mobile:hover{color:var(--color-secondary)}.nav__mobile{width:min(100%,300px);height:100vh;list-style:none;background:#2e2e2e;border:1px solid #000;box-shadow:0 0 15px #000;font-size:140%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem;position:fixed;top:0;right:0;z-index:10}@media (max-width:600px){.mobile__logo{width:40px;aspect-ratio:1;position:fixed;top:2.4rem;right:220px;z-index:9999}}.mobile-menu{cursor:pointer;position:fixed;z-index:9999;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:40px;top:1.5rem;right:1rem;border:0;background-color:transparent;display:flex;align-items:center;justify-content:center}.close-burger{padding-right:.6rem}.nav-slide-enter-from{transform:translateX(300px);opacity:0}.nav-slide-enter-active{transition:all .6s ease}.nav-slide-leave-active{-webkit-animation:navWait .6s ease;animation:navWait .6s ease}@-webkit-keyframes navWait{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(300px)}}@keyframes navWait{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(300px)}}.link__mobile{opacity:0}@-webkit-keyframes linksFadeIn{0%{opacity:0}to{opacity:1}}@keyframes linksFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes linksFadeOut{0%{opacity:1}to{opacity:0}}@keyframes linksFadeOut{0%{opacity:1}to{opacity:0}}.switch-enter-from,.switch-leave-to{opacity:0}.switch-enter-to,.switch-leave-from{opacity:1}.switch-enter-active,.switch-leave-active{transition:all .4s ease}.nav-icons-leave-from{opacity:1}.nav-icons-leave-to{opacity:0;transform:translateX(100px)}.nav-icons-leave-active{-webkit-animation:navWait .6s ease;animation:navWait .6s ease}.nav-icons-enter-active{-webkit-animation:navIconsFade .8s ease;animation:navIconsFade .8s ease}@-webkit-keyframes navIconsFade{0%{opacity:0}60%{opacity:0}to{opacity:1}}@keyframes navIconsFade{0%{opacity:0}60%{opacity:0}to{opacity:1}}.wide-nav-fade-enter-from,.wide-nav-fade-leave-to{opacity:0;transform:translateY(-80px)}.wide-nav-fade-enter-active,.wide-nav-fade-leave-active{transition:all .4s ease}@media (min-width:600px){header{width:100%;height:3.5em;position:fixed;z-index:8888;background-color:rgba(38,38,38,.6);transition:all .3s ease-in-out}}.button{width:7em;padding:.8em 1em;font-size:clamp(1.6rem,2.2vw,2.2rem);font-family:Bebas Neue,cursive;color:#fff;cursor:pointer;background:transparent;border:0;outline:none;position:relative;transition:all .5s ease}.button:active{color:var(--color-accent)}button:before{border-top:1px solid var(--color-primary);border-left:1px solid var(--color-primary);top:0;left:0}button:after,button:before{content:"";display:inline-block;width:30%;height:40%;position:absolute;transition:all .5s ease}button:after{border-bottom:1px solid var(--color-primary);border-right:1px solid var(--color-primary);bottom:0;right:0}button:focus:after,button:focus:before,button:hover:after,button:hover:before{width:90%;height:90%}.technologies{width:min(100%,90rem);margin:2rem 0;position:relative;margin-bottom:4rem}.technologies:before{border-top:1px solid var(--color-primary);border-left:1px solid var(--color-primary);top:-10px;left:-10px}.technologies:after,.technologies:before{content:"";display:inline-block;width:30%;height:30%;pointer-events:none;position:absolute}.technologies:after{border-bottom:1px solid var(--color-primary);border-right:1px solid var(--color-primary);bottom:-10px;right:-10px}.icons{margin-top:2rem;display:flex;justify-content:space-around;flex-wrap:wrap;gap:3rem}.icons figure{width:52px;display:flex;flex-direction:column;align-items:center}.icons figure:hover figcaption{font-weight:600}@media (min-width:800px){.technologies{margin:8rem auto 8rem}}.about{min-height:100vh;margin-top:10rem;justify-content:center}.about,.about__description{display:flex;flex-direction:column;gap:3rem}.about__description{margin-top:3rem;width:100%;position:relative;padding:clamp(1rem,4.5vw,5.5rem)}.about__description:before{border-top:1px solid var(--color-primary);border-left:1px solid var(--color-primary);top:-10px;left:-10px}.about__description:after,.about__description:before{content:"";display:inline-block;width:30%;height:30%;position:absolute}.about__description:after{border-bottom:1px solid var(--color-primary);border-right:1px solid var(--color-primary);bottom:-10px;right:-10px}.show-more{align-self:center;margin:3rem 0}.show-text-enter-from,.show-text-leave-to{opacity:0;transform:translateY(60px)}.show-text-enter-active,.show-text-leave-active{transition:all .3s ease-in}.on-entry{-webkit-animation:onEntryAnimation 1s ease;animation:onEntryAnimation 1s ease;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes onEntryAnimation{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes onEntryAnimation{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@media (min-width:800px){.about{min-height:90vh}.about__description{margin-top:6rem;width:100%;height:100%;flex-direction:row;justify-content:space-between}.about__img{max-width:250px}}@media (min-width:1250px){.about{min-height:100vh;margin-bottom:15rem}}.projects{min-height:100vh;position:relative}.project__list{margin-top:6rem;list-style:none}.project{width:100%;height:-webkit-min-content;height:-moz-min-content;height:min-content;margin-top:5rem;display:flex;flex-direction:column;gap:3rem;position:relative}.project:before{border-top:1px solid var(--color-primary);border-left:1px solid var(--color-primary);top:-10px;left:-10px}.project:after,.project:before{content:"";display:inline-block;width:30%;height:30%;position:absolute;pointer-events:none}.project:after{border-bottom:1px solid var(--color-primary);border-right:1px solid var(--color-primary);bottom:-10px;right:-10px}.project>p{width:min(80ch,100%)}.project__technologies-used{font-weight:600}.buttons{margin:2rem;justify-content:space-around;gap:5rem}.projects__show{display:block;margin:4rem auto}@media (min-width:600px){.project__list{display:flex;gap:6rem;flex-wrap:wrap;justify-content:space-around;margin-top:3rem}.project{width:40%}.buttons{margin:2rem 0;gap:2.5rem}.project-button{width:5em}}@media (min-width:800px){.projects{min-height:90vh;margin-bottom:8rem}}@media (min-width:1000px){.buttons{margin:2rem}}@media (min-width:1250px){.projects{min-height:100vh;margin-bottom:15rem}}.contact{height:72vh;margin-bottom:5rem}.input-container{padding:2px 0;display:flex;flex-direction:column;position:relative}.confirmation-message{color:var(--color-secondary);font-weight:600;position:absolute;bottom:7rem;left:0}.error{color:var(--color-accent);font-size:1.8rem;line-height:1;font-weight:500;position:absolute;bottom:-1.8rem;left:0}.outline{background-image:linear-gradient(to right,var(--color-primary),var(--color-primary));background-position:0 100%;background-size:100% 2px;background-repeat:no-repeat;-webkit-animation:inputBorderToggle 1s ease;animation:inputBorderToggle 1s ease}@-webkit-keyframes inputBorderToggle{0%{background-size:0 2px}to{background-size:100% 2px}}@keyframes inputBorderToggle{0%{background-size:0 2px}to{background-size:100% 2px}}.contact__input{width:100%;padding:.6em;font-family:Smooch Sans,sans-serif;font-size:clamp(1.6rem,2.2vw,2.2rem);color:var(--font-color);border-radius:0;border:none;background-color:#333}.contact__input:focus{outline:none;box-shadow:none}.contact__form{margin-top:6rem;width:100%;display:flex;flex-direction:column;position:relative;gap:1.5rem}.send{margin:2rem auto}@media (min-width:600px){.contact{height:60vh;margin-bottom:5rem}.contact__form{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"name lastname" "email email" "message message" "button button"}.area-name{grid-area:name}.area-last-name{grid-area:lastname}.area-email{grid-area:email}.area-message{grid-area:message}.send{grid-area:button}}@media (min-width:820px){.contact{height:65vh;margin-bottom:10rem}}.form-confirmation-enter-from,.form-confirmation-leave-to{opacity:0;transform:translateY(-10px)}.form-confirmation-enter-active,.form-confirmation-leave-active{transition:all .3s ease}.side-media{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;flex-direction:column;gap:3rem;align-items:center;position:fixed;bottom:20%;left:clamp(10px,2vw,4rem);z-index:11}.side-media:before{border-top:2px solid var(--color-secondary);top:-5rem}.side-media:after,.side-media:before{content:"";display:block;width:120%;height:10%;border-right:2px solid var(--color-secondary);border-left:2px solid var(--color-secondary);position:absolute;left:-2.5px;z-index:10}.side-media:after{border-bottom:2px solid var(--color-secondary);bottom:-5rem}.side-media figure>a{outline:none}.side-icon{cursor:pointer}.side-icon:focus{outline:none}.pointer{margin:2rem 0}@media (min-width:1300px){.side-media{left:5%}}.side-buttons{position:absolute;top:-15rem;right:0}.side-button{font-size:1.5rem;width:3em;padding:.2em .3em;outline:none}.side-buttons>a{outline:none}.tooltip{font-size:1.4rem;font-weight:500;width:-webkit-max-content;width:-moz-max-content;width:max-content;background:var(--color-accent);padding:0 .2em;border-radius:4px;position:absolute;top:-3rem;right:-1.1rem}.tooltip-fade-enter-from,.tooltip-fade-leave-to{opacity:0;transform:translateY(-20px)}.tooltip-fade-enter-active,.tooltip-fade-leave-active{transition:all .4s ease}.side-mail{width:2rem;display:flex;flex-direction:column;gap:3rem;align-items:center;position:fixed;bottom:20%;right:clamp(12px,2vw,4rem);z-index:11;cursor:pointer}.side-mail:before{border-top:2px solid var(--color-secondary);top:-5rem}.side-mail:after,.side-mail:before{content:"";display:block;width:120%;height:6%;border-right:2px solid var(--color-secondary);border-left:2px solid var(--color-secondary);position:absolute;right:0;z-index:10}.side-mail:after{border-bottom:2px solid var(--color-secondary);bottom:-5rem}.side-mail-button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:transparent;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.side-mail-button:hover{color:var(--color-secondary)}.side-mail-button:after,.side-mail-button:before{display:none}.side-mail-button:focus{outline:none}.mail{color:var(--color-font);font-size:1.5rem;height:25rem;writing-mode:vertical-lr;letter-spacing:1.5px;line-height:1;font-weight:500}.mail:hover{color:var(--color-secondary)}@media (min-width:1300px){.side-mail{right:5%}}.side-buttons-fade-enter-from,.side-buttons-fade-leave-to{opacity:0;transform:translateY(-40px)}.side-buttons-fade-enter-active,.side-buttons-fade-leave-active{transition:all .4s ease}footer{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}footer>p{font-size:clamp(1.5rem,2vw,2rem);color:var(--color-secondary);text-decoration:underline}.footer-media{display:flex;gap:2.5rem;margin-bottom:.4rem}.footer-media figure a,.footer-media figure a svg{outline:none}@media (min-width:800px){.footer-media{display:none}}.before-enter{opacity:0;transform:translateY(-60px);transition:all 1s ease}.enter{opacity:1;transform:translateY(0)}main{margin:0 auto;width:min(100%,120rem);padding:clamp(5rem,7vw,8.5rem);display:flex;flex-direction:column;gap:6rem}.side-bar-fade-enter-from,.side-bar-fade-leave-to{opacity:0;transform:translateX(-50px)}.side-bar-fade-enter-active,.side-bar-fade-leave-active{transition:all .4s ease}.side-mail-fade-enter-from,.side-mail-fade-leave-to{opacity:0;transform:translateX(50px)}.side-mail-fade-enter-active,.side-mail-fade-leave-active{transition:all .4s ease}@media (min-width:600px){main{padding:clamp(7.5rem,9vw,10rem);gap:14rem}}.resume-page{margin:0 auto;max-width:min(100%,120rem);min-height:100vh;padding:clamp(5rem,7vw,8.5rem);display:flex;flex-direction:column;align-items:center}.resume-page>h2{color:var(--color-secondary);margin-bottom:4rem}.resume-scan{margin-top:5rem;width:100%;height:100%}.resume-scan>img{width:100%;-o-object-fit:cover;object-fit:cover}.buttons{display:flex}.download{text-decoration:none;color:inherit}.no-page{width:100vw;height:100vh;display:grid;place-content:center}.no-button{margin:4rem auto}.submitted{width:100vw;height:100vh;justify-content:space-between;text-align:center;overflow-y:hidden}.info,.submitted{display:flex;flex-direction:column}.info{height:100%;justify-content:center}.go-home{margin:6rem auto}