@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";:root{font-size:100%;scroll-behavior:smooth}*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}*:before,*:after{display:block}img,picture,video,iframe,figure,canvas{max-width:100%;display:block;width:100%;height:initial;object-fit:cover;object-position:center center}a{display:block;text-decoration:none;color:inherit;font:inherit}p a{display:inline}li,menu,summary{list-style-type:none}ol{counter-reset:revert}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em,pre,code,mark,del{font:inherit;line-height:normal;text-decoration:none;color:inherit;white-space:normal;overflow-wrap:normal;word-break:normal;text-wrap:pretty}mark{background-color:transparent}blockquote:before,blockquote:after,q:before,q:after{content:none}form,input,textarea,select,button,label{font:inherit;background-color:transparent;color:inherit;display:block;appearance:none}fieldset{border:none}::placeholder{color:unset}button,label{cursor:pointer}table,tr,td,th,tbody,thead,tfoot{border-collapse:collapse;border-spacing:0;font:inherit}svg{display:block;fill:currentColor}body{min-height:100vh;line-height:normal;color:inherit;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-white: rgba(230, 226, 219, 1);--color-black: rgba(24, 23, 22, 1);--color-black-transparent: rgba(24, 23, 22, .15);--color-beige: rgba(171, 162, 150, 1);--color-brown: rgba(80, 71, 63, 1);--color-bg: var(--color-white);--color-bg-secondary: var(--color-black);--color-text: var(--color-black);--color-text-secondary: var(--color-white);--color-accent: var(--color-beige);--color-accent-secondary: var(--color-brown);--nav-wrap-h: 6rem;--nav-bar-h: 4rem;--layout-gutter-xl: 140px;--layout-gutter-l: 70px;--layout-gutter-m: 40px;--layout-gutter-s: 32px;--layout-gutter-xs: 24px;--w-100: 1920px;--w-75: 1440px;--w-50: 960px;--w-33: 640px;--w-25: 480px;--gap-xxl: 12rem;--gap-xl: 6rem;--gap-l: 4rem;--gap-m: 3rem;--gap-s: 2rem;--gap-xs: 1rem;--gap-xxs: .5rem;--radius-m: 2rem;--radius-full: 999px;--h1: clamp(2.25rem, 7vw, 10rem);--h2: clamp(1.875rem, 5.5vw, 6.75rem);--h3: clamp(1.75rem, 4.5vw, 4.5rem);--h4: clamp(1.5rem, 3vw, 3.75rem);--h5: clamp(1.125rem, 1.75vw, 2.25rem);--h6: clamp(1rem, 1.25vw, 1.5rem);--text-l: 1rem;--text-m: .875rem;--text-s: .75rem}html,body{height:100%;margin:0}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:500;font-size:var(--text-m);background-color:var(--color-bg);color:var(--color-text)}.title__section{font-size:var(--h1);font-weight:700;text-transform:uppercase;overflow-wrap:break-word}@supports (animation-timeline: view()) and (animation-range: entry 20% cover 100vh){.auto-show{animation:textAppear both;animation-timeline:view();animation-range:entry 20% cover 100vh}@keyframes textAppear{0%{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0)}}}@supports (animation-timeline: view()){.auto-blur{animation:autoBlurAnimation linear both;animation-timeline:view()}@keyframes autoBlurAnimation{0%,to{filter:blur(20px)}15%,75%{filter:blur(0)}}.fade-up{animation:fadeUp both;animation-timeline:view();animation-range:entry 20% cover 50%}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px) scale(.5)}to{opacity:1;transform:translateY(0) scale(1)}}.auto-rotate{animation:AutoRotateAnimation;animation-timeline:view()}@keyframes AutoRotateAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.nav-menu{padding:0 var(--layout-gutter-m);width:100%;height:var(--nav-wrap-h);background-color:transparent;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;z-index:1000}.nav-menu__button{display:none}.nav-menu__list{max-width:var(--w-33);width:100%;height:var(--nav-bar-h);border-radius:var(--radius-full);background-color:var(--color-bg);box-shadow:4px 4px 12px var(--color-black-transparent);display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.nav-menu__item{flex:1}.nav-menu__link{display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .15s ease}@media(hover:hover)and (pointer:fine){.nav-menu__link:hover{transform:translateY(-3px)}}@media screen and (max-width:900px){.nav-menu__list{max-width:100%}}@media screen and (max-width:600px){.nav-menu{padding:0 var(--layout-gutter-xs)}}@media screen and (max-width:500px){.nav-menu{flex-direction:column;align-items:stretch}.nav-menu__button{width:var(--nav-bar-h);height:var(--nav-bar-h);background-color:var(--color-bg);box-shadow:4px 4px 12px var(--color-black-transparent);border-radius:var(--radius-full);display:flex;justify-content:center;align-items:center;align-self:self-end}.nav-menu__list{display:flex;padding:var(--gap-xs) 0;width:var(--nav-bar-h);height:auto;position:absolute;top:var(--nav-wrap-h);right:var(--layout-gutter-xs);flex-direction:column;gap:var(--gap-s);font-size:var(--text-s);opacity:0;transform:translate(16px);pointer-events:none;transition:transform .25s ease,opacity .25s ease;will-change:transform,opacity}.nav-menu__list.active{opacity:1;transform:translate(0);pointer-events:auto}}.icon{width:28px;height:28px}.home,.cover,.cover__wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.cover__wrapper,.intro,.skills,.cta-projects{padding-inline:var(--layout-gutter-xl);max-width:var(--w-100);width:100%}.intro,.skills,.cta-projects{padding-top:var(--gap-xxl)}.cover{background-color:var(--color-bg-secondary)}.cover__wrapper{padding-block:calc(var(--nav-wrap-h) + var(--gap-l));gap:var(--gap-l)}.intro{display:flex;flex-direction:column;align-items:end}.intro__text{max-width:75%;font-size:var(--h4);text-align:right}.skills{display:flex;flex-direction:column;gap:var(--gap-m)}.skills__subtitle{font-size:var(--h4)}.cta-projects__wrapper{padding-inline:var(--layout-gutter-l);padding-block:var(--gap-l);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-m);display:flex;flex-direction:row;align-items:end;gap:var(--gap-l)}.cta-projects__text{font-size:var(--h4);text-transform:uppercase}@media screen and (max-width:1200px){.cover__wrapper,.intro,.skills,.cta-projects{padding-inline:var(--layout-gutter-l)}.cover__wrapper{padding-block:calc(var(--nav-wrap-h) + var(--gap-l))}.intro,.skills,.cta-projects{padding-block:var(--gap-xl) 0}.cta-projects__wrapper{flex-direction:column;align-items:start}}@media screen and (max-width:900px){.intro,.skills,.cta-projects{padding-inline:var(--layout-gutter-m)}}@media screen and (max-width:600px){.cover__wrapper{padding-inline:var(--layout-gutter-m)}.intro,.skills,.cta-projects{padding-inline:var(--layout-gutter-xs)}.cta-projects__wrapper{padding-inline:var(--layout-gutter-s);padding-block:var(--gap-m)}.cover__wrapper{padding-block:calc(var(--nav-wrap-h) + var(--gap-l))}.intro{padding-block:var(--gap-xl) 0;align-items:start}.intro__text{max-width:100%;text-align:left}}.skill-card{width:100%;border-top:1px solid var(--color-accent);padding:var(--gap-s);display:flex;flex-direction:row}.skill-card--lastest{border-bottom:1px solid var(--color-accent)}.skill-card__index{width:calc(100% / 3);font-size:var(--h1);font-weight:700;color:var(--color-accent)}.skill-card__content{width:calc((100% / 3)*2)}.skill-card__title{font-size:var(--h2)}.skill-card__description{font-size:var(--h5)}@media screen and (max-width:800px){.skill-card__title{font-size:var(--h2)}}@media screen and (max-width:600px){.skill-card{padding:var(--gap-s) 0;flex-direction:column}.skill-card__content{width:100%}}.btn{align-items:center;justify-content:center;text-align:center;border-radius:var(--radius-full);cursor:pointer;transition:transform .15s ease;border:2px solid transparent}@media(hover:hover)and (pointer:fine){.btn:hover{transform:translateY(-3px)}}.pill-btn{display:inline-flex;gap:var(--space-xxxxs);padding:1rem 2rem;font-size:var(--h6);white-space:nowrap}.pill-btn.fit-btn{width:fit-content}.circular-btn{display:flex;flex-direction:column;width:4.5rem;height:4.5rem;font-size:var(--text-s)}.solid-white{background:var(--color-white);color:var(--color-black)}.solid-black{background:var(--color-black);color:var(--color-white)}.ghost--accent-white{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.ghost--accent-black{background:transparent;color:var(--color-black);border:2px solid var(--color-black)}.projects{padding-block:calc(var(--nav-wrap-h) + var(--gap-l));padding-inline:var(--layout-gutter-xl);width:100%;display:flex;flex-direction:column;align-items:center}.title__section,.projects__wrapper{max-width:var(--w-100);width:100%}.projects__wrapper{padding-top:var(--gap-l)}.project__wrapper{border-top:1px solid var(--color-accent)}.project__wrapper--lastest{border-bottom:1px solid var(--color-accent)}@media screen and (max-width:1200px){.projects{padding-inline:var(--layout-gutter-l)}}@media screen and (max-width:900px){.projects{padding-inline:var(--layout-gutter-m)}}@media screen and (max-width:600px){.projects{padding-inline:var(--layout-gutter-xs)}}.project-card{width:100%;padding:var(--gap-m);display:flex;flex-direction:row;gap:var(--gap-xl)}.project-card__wrapper{flex:1}.project-card__wrapper--content{display:flex;flex-direction:column;justify-content:space-between}.project-card__index-wrap{padding-bottom:var(--gap-m)}.project-card__index{font-size:var(--h6)}.project-card__body{display:flex;flex-direction:column;gap:var(--gap-s)}.project-card__title{font-size:var(--h3)}.project-card__description{font-size:var(--h5)}.project-card__wrapper--media{border-radius:var(--radius-m);overflow:hidden}.project-card__image,.project-card__image img{width:100%;height:100%;display:block}.project-card__image img{object-fit:cover}@media screen and (max-width:1200px){.project-card{gap:var(--gap-s)}}@media screen and (max-width:900px){.project-card{padding:var(--gap-m) var(--gap-s);flex-direction:column-reverse}.project-card__title{font-size:var(--h2)}}@media screen and (max-width:600px){.project-card{padding:var(--gap-s) 0}}:root{--brunswick-color-project1: rgba(23, 63, 53, 1);--cambridge-color-project1: rgba(120, 159, 144, 1);--mindaro--color-project1: rgba(194, 225, 137, 1);--glicina-color-project1: rgba(193, 167, 226, 1)}.overview__container{width:100%;height:100%}.overview__logo{position:relative;top:var(--gap-xs);left:calc(var(--layout-gutter-xl) + 5%);max-width:150px;aspect-ratio:1}.overview__details{padding-inline:var(--layout-gutter-xl)}.overview__list{border:2px solid var(--color-accent);border-radius:var(--radius-m);overflow:hidden;display:grid;grid-template-areas:"name       name" "type       type" "duration   role" "tools      tools"}.overview__item--name{grid-area:name}.overview__item--type{grid-area:type}.overview__item--time{grid-area:duration}.overview__item--role{grid-area:role}.overview__item--tools{grid-area:tools}.overview__item--name,.overview__item--type,.overview__item--time,.overview__item--role{border-bottom:2px solid var(--color-accent)}.overview__item--time{border-right:2px solid var(--color-accent)}.overview__item{padding:var(--gap-xs);display:flex;flex-direction:column;gap:var(--gap-xs)}.overview__label{font-size:var(--text-m);text-transform:uppercase}.overview__value{font-size:var(--h6);font-weight:700}@media screen and (max-width:1200px){.overview__details{padding-inline:var(--layout-gutter-l)}.overview__logo{left:calc(var(--layout-gutter-l) + 5%)}}@media screen and (max-width:900px){.overview__details{padding-inline:var(--layout-gutter-m)}.overview__logo{left:calc(var(--layout-gutter-m) + 5%)}}@media screen and (max-width:600px){.overview__details{padding-inline:var(--layout-gutter-xs)}.overview__logo{left:calc(var(--layout-gutter-xs) + 5%)}}.project-cover{width:100%;height:100vh;padding-top:calc(var(--nav-wrap-h) + var(--layout-gutter-m));padding-bottom:var(--layout-gutter-l);padding-inline:var(--layout-gutter-l)}@supports (height: 100svh){.project-cover{height:100svh}}@supports (height: 100dvh){.project-cover{height:100dvh}}.project-cover__wrapper{width:100%;height:100%;padding:var(--layout-gutter-xl);border-radius:var(--radius-m);display:flex;justify-content:center;align-items:center}.project-cover__wrapper--1{background-color:var(--brunswick-color-project1)}.project-cover__wrapper--2{background-color:var(--amaranto-color-project2)}.project-cover__wrapper--3{background-color:var(--night-color-project3)}.project-cover__image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}@media screen and (max-width:900px){.project-cover{padding-bottom:var(--layout-gutter-m);padding-inline:var(--layout-gutter-m);height:60vh}.project-cover__wrapper{padding:var(--layout-gutter-m)}}@media screen and (max-width:600px){.project-cover{padding-bottom:var(--layout-gutter-xs);padding-inline:var(--layout-gutter-xs)}.project-cover__wrapper{padding:var(--layout-gutter-m)}}.projects-nav__list{display:flex}:root{--jazmin-color-project2: rgba(255, 237, 131, 1);--amaranto-color-project2: rgba(158, 0, 68, 1);--caedo--color-project2: rgba(236, 208, 242, 1);--midnight-color-project2: rgba(0, 72, 69, 1);--tea-color-project2: rgba(216, 241, 204, 1);--chrysler-color-project2: rgba(33, 27, 198, 1);--mint--color-project2: rgba(201, 242, 235, 1);--mauveine-color-project2: rgba(127, 11, 160, 1)}:root{--red-color-project3: rgba(226, 0, 41, 1);--night-color-project3: rgba(17, 17, 20, 1);--white-color-project3: rgba(245, 247, 251, 1)}