.app{min-height:100vh}body{margin:0;font-family:var(--ff-inter);font-size:var(--fs-body);font-weight:var(--fw-regular);color:hsla(var(--clr-text),1);background-color:#dfd8d8cc;background-image:radial-gradient(at 100% 100%,hsla(203,61%,69%,.8) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(178,75%,75%,.8) 0px,transparent 50%)}img{display:block;max-width:100%}li{list-style-type:none}a{text-decoration:none}h1,h2,h3{margin-top:0}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}.container{width:min(94%,1200px);margin:0 auto}@media screen and (min-width: 700px){.container{width:min(88%,1200px)}}.flexCenter{display:flex;justify-content:center;align-items:center}.about{min-height:100vh;padding-top:5em;padding-bottom:3em}@media screen and (min-width: 700px){.about{display:flex;justify-content:center;align-items:center}.about__content{display:flex;justify-content:center}}.about__heading{font-family:var(--ff-bad-script);margin-right:.25em;font-size:8rem}.about__right{max-width:600px}.about__right__intro{margin-bottom:.5em}.about__right__desc{margin-bottom:3em}.about__right__resume{display:inline-block;color:hsla(var(--clr-white),.95);background-color:hsla(var(--clr-accent),.95);padding:.75em 1.5em;border-radius:5em}.contact{min-height:100vh;padding-top:5em;padding-bottom:5em;overflow:hidden}.contact__heading{text-align:center;margin-bottom:2em}.contact__intro{font-size:var(--fs-sm);text-align:center;margin-bottom:2em}.contact__option{flex-direction:column;margin-bottom:1em}@media screen and (min-width: 760px){.contact__option{flex-direction:row;justify-content:space-around}}.contact__option__details{font-size:var(--fs-sm);margin-bottom:1em;width:300px}.contact__option__details a{color:hsla(var(--clr-text),.95)}.contact__option__details svg{margin-right:.5em}.contact__form{max-width:600px;margin:0 auto}.contact__form input,.contact__form textarea{font-family:var(--ff-inter);width:100%;border:none;padding:.75em;border-radius:.5em;margin-bottom:1.5em;outline:none}.contact__form__submit{border:none;color:hsla(var(--clr-white),.95);background-color:hsla(var(--clr-accent),.95);padding:1em 1.75em;border-radius:.5em;display:block;margin:0 auto;cursor:pointer}.contact__success{text-align:center;margin-top:5em}.contact__success__confirmation{font-family:var(--ff-bad-script)}.home{min-height:100vh;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;margin-bottom:2.5em}@media screen and (min-width: 700px){.home{align-items:flex-start;padding-top:8em}}.home__main__primary{font-size:var(--fs-h1);margin-bottom:.75em;line-height:1;max-width:700px}.home__main__secondary{font-size:var(--fs-body);margin-bottom:4em;max-width:500px}.home__main__btn-more{position:relative}.home__main__btn-more .btn-scroll{position:absolute;width:46px;height:80px;border:3px solid hsla(var(--clr-text),.95);border-radius:2em;display:flex}@keyframes scrollDown{0%{transform:translate(50%);opacity:0}40%{opacity:1}80%{transform:translate(50%,45px);opacity:0}to{opacity:0}}.home__main__btn-more .btn-scroll:before{position:absolute;content:"";right:50%;top:10px;width:11px;height:15px;transform:translate(50%);background-color:hsla(var(--clr-text),.95);border-radius:50%;animation:scrollDown 2s infinite}.home__main__btn-more svg{margin-left:.5em;animation:arrowDownRotate 1.5s infinite}.home__design{display:none;position:absolute;z-index:-1;bottom:0em;right:0}@media screen and (min-width: 700px){.home__design{display:flex;width:500px;height:550px;margin-bottom:-1em}}@media screen and (min-width: 1000px){.home__design{width:550px;height:600px}}@media screen and (min-width: 1200px){.home__design{width:650px;height:700px}}@media screen and (min-width: 1400px){.home__design{width:700px;height:800px;margin-bottom:-2em}}.skills{min-height:100vh;padding-top:5em;padding-bottom:3em}.skills__heading{text-align:center;margin-bottom:3em}.skills__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,100px));gap:4em;justify-content:center}.skills__list__item{display:flex;flex-direction:column;justify-content:center;align-items:center}.skills__list__item__wrapper{width:5.5em;height:5.5em;padding:1em;border-radius:50%;background-color:hsla(var(--clr-white),.875)}.skills__list__item__wrapper:hover{background-color:hsla(var(--clr-white),.95)}.skills__list__item__name{font-size:var(--fs-xs)}.timeline{min-height:100vh;padding-top:5em;overflow:hidden}.timeline__heading{text-align:center;margin-bottom:1em}.timeline__card{max-width:600px;min-height:470px;color:hsla(var(--clr-black),.75);background-color:hsla(var(--clr-white),.95);border-radius:1em;padding:1em;margin:0 auto 2em;box-shadow:0 2px 20px -5px hsla(var(--clr-black),.75);display:flex;flex-direction:column}@media screen and (min-width: 470px){.timeline__card{min-height:350px}}@media screen and (min-width: 700px){.timeline__card{display:grid;grid-template-columns:100px 1fr}}.timeline__card__logo{width:50px;margin:0 auto 2em}.timeline__card__info{display:flex;flex-direction:column;flex-grow:1}.timeline__card__info__desc{flex-grow:1;font-size:var(--fs-sm)}.timeline__card__info__name{font-size:var(--fs-sm);font-weight:var(--fw-bold)}.timeline__card__info__date{font-size:var(--fs-xs);color:hsla(var(--clr-black),.5)}.timeline__nav{display:flex;justify-content:center}.timeline__nav__chevron{display:flex;justify-content:center;align-items:center;font-size:var(--fs-sm);margin:0 auto}@media screen and (min-width: 600px){.timeline__nav__chevron{display:none}}.timeline__nav__chevron__left,.timeline__nav__chevron__right{width:40px;height:40px;padding:1em;color:hsla(var(--clr-black),.95);background-color:hsla(var(--clr-white),.95);border-radius:50%;cursor:pointer}.timeline__nav__chevron__date{font-size:var(--fs-xs);color:hsla(var(--clr-white),.95);margin:0 2em;min-width:100px;text-align:center}.timeline__nav__btn{display:none;flex-direction:column;justify-content:center;align-items:center;margin:0 2em}@media screen and (min-width: 600px){.timeline__nav__btn{display:flex}}.timeline__nav__dot{width:15px;height:15px;background-color:hsla(var(--clr-white),.95);border-radius:50%;cursor:pointer;margin-bottom:.5em;transition:all .4s ease-in-out}.timeline__nav__dot:hover{background-color:hsla(var(--clr-white),.95)}.timeline__nav .dot-active{background-color:hsla(var(--clr-text),.75)!important}.timeline__nav__date{font-size:.625rem;color:hsla(var(--clr-text),.5)}.timeline__nav .date-active{color:hsla(var(--clr-text),.95)}.timeline__brands{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:3em}.timeline__brands__img{max-width:120px;margin:0 1em;filter:grayscale(100%) contrast(60%)}.works{min-height:100vh;padding-top:5em;padding-bottom:3em}.works__heading{text-align:center;margin-bottom:1em}.works__filters{margin-bottom:2em;flex-wrap:wrap}.works__filters__btn{font-size:var(--fs-sm);margin:0 1em .5em;border:none;color:hsla(var(--clr-text),.875);background-color:hsla(var(--clr-white),1);padding:.375em 1.5em;border-radius:.375em;cursor:pointer;transition:all .3s ease-in-out}.works__filters .active-btn{color:hsla(var(--clr-white),.95);background-color:hsla(var(--clr-accent),.75)!important}.works__projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));gap:2em;justify-content:center}.works__projects__item{padding:1em;color:hsla(var(--clr-black),.75);background-color:hsla(var(--clr-white),.95);border-radius:.75em}.works__projects__item__image{width:100%;position:relative}.works__projects__item__image img{width:100%;object-fit:cover;max-height:200px}.works__projects__item__links{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(var(--clr-black),.75);transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center}.works__projects__item__links__link{font-size:1.25em;height:40px;width:40px;border-radius:50%;color:hsla(var(--clr-white),.95);background-color:hsla(var(--clr-white),.25);margin:1em}.works__projects__item__title{text-align:center;font-weight:var(--fw-bold)}.works__projects__item__title span{font-size:var(--fs-sm);display:inline-block;padding:.25em 1em;background-color:hsla(var(--clr-white),.95);border-radius:.375em;transform:translateY(-80%)}.works__projects__item__desc{font-size:var(--fs-xs);padding:0 1em}.footer{z-index:5;bottom:1vw;right:1vw}.footer .copyright{opacity:.85;font-size:var(--fs-sm)}.mobile-class{position:absolute}.desktop-class{position:fixed;display:none}@media screen and (min-width: 700px){.desktop-class{display:block}}.navbar{display:flex;justify-content:space-between;align-items:center;position:fixed;z-index:10;width:100%;padding:1em var(--padding-left);backdrop-filter:blur(5px)}.navbar__logo{width:100px}.navbar__list{display:none}@media screen and (min-width: 700px){.navbar__list{display:flex;justify-content:center;align-items:center}}.navbar__item{font-size:var(--fs-xs);font-weight:var(--fw-semi-bold);text-transform:uppercase;padding:.5em;margin-right:.5em}.navbar__item:last-child{margin-right:0}.navbar__item a{padding:1em;color:hsla(var(--clr-text),.95);border-radius:.5em}.navbar__menu{position:relative}.navbar__menu.overlay:before{content:"";position:fixed;background-color:hsla(var(--clr-black),.25);top:0;right:0;width:100vw;height:100vh}.navbar__menu__icon{font-size:2rem;padding:.25em;cursor:pointer}.navbar__menu__icon.open{background-color:hsla(var(--clr-black),.5);color:hsla(var(--clr-white),.95);border-radius:50%}@media screen and (min-width: 700px){.navbar__menu__icon.open{display:none}}.navbar__menu__icon.close{color:hsla(var(--clr-black),.75);align-self:flex-end;margin:.625em var(--padding-left) 1em}.navbar__menu__side-nav{position:fixed;background-color:#edededf2;background-image:radial-gradient(at 100% 100%,hsla(203,61%,69%,.8) 0px,transparent 50%),radial-gradient(at 0% 0%,hsla(178,75%,75%,.8) 0px,transparent 50%);top:0;right:0;width:320px;height:100vh;display:flex;flex-direction:column}.navbar__menu__list{font-size:var(--fs-sm);margin-top:2em;margin-bottom:5em;text-transform:uppercase}.navbar__menu__item{margin-bottom:1em}.navbar__menu__item a{color:hsla(var(--clr-black),.75);padding:.5em 1.5em;display:block}.navbar__menu__social{display:flex;flex-direction:column;align-items:center}.navbar__menu__social__list{width:100%;display:flex;justify-content:space-evenly;align-items:center;font-size:var(--fs-body);margin-bottom:1em}.navbar__menu__social__link{font-size:1.25rem;color:hsla(var(--clr-black),.75)}.navbar__menu__social__resume{font-size:var(--fs-sm);font-weight:var(--fw-semi-bold);width:80%;padding:.625em 2em;border-radius:3em;background-color:hsla(var(--clr-accent),.95);color:hsla(var(--clr-white),.95);text-transform:uppercase;display:flex;justify-content:center;align-items:center}.navbar__menu__social__resume svg{margin-right:.5em}.nav__links{display:none}@media screen and (min-width: 700px){.nav__links{position:fixed;z-index:5;left:calc(var(--padding-left) - .5em);display:flex;flex-direction:column;bottom:2em}}@media screen and (min-width: 700px) and (min-width: 700px){.nav__links{display:flex}}@media screen and (min-width: 700px){.nav__links__resume,.nav__links__icon{font-size:1.125rem;color:hsla(var(--clr-text),.95);border-radius:50%;width:1.75em;height:1.75em;display:flex;justify-content:center;align-items:center}}@media screen and (min-width: 700px){.nav__links__resume{position:fixed;z-index:5;top:50vh}.nav__links__resume #resume-tooltip{font-size:var(--fs-xs);color:hsla(var(--clr-black),.95);background-color:hsla(var(--clr-white),.95);padding:.75em 1.25em}}@media screen and (min-width: 700px){.nav__links__icon{margin-bottom:.75em;background-color:hsla(var(--clr-white),.75)}}:root{--rt-color-white: #fff;--rt-color-dark: #222;--rt-color-success: #8dc572;--rt-color-error: #be6464;--rt-color-warning: #f0ad4e;--rt-color-info: #337ab7;--rt-opacity: .9}.react-tooltip__tooltip_KtSkBq{visibility:hidden;width:max-content;pointer-events:none;opacity:0;will-change:opacity,visibility;border-radius:3px;padding:8px 16px;font-size:90%;transition:opacity .3s ease-out;position:absolute;top:0;left:0}.react-tooltip__fixed_KtSkBq{position:fixed}.react-tooltip__arrow_KtSkBq{background:inherit;width:8px;height:8px;position:absolute;transform:rotate(45deg)}.react-tooltip__no-arrow_KtSkBq{display:none}.react-tooltip__clickable_KtSkBq{pointer-events:auto}.react-tooltip__show_KtSkBq{visibility:visible;opacity:var(--rt-opacity)}.react-tooltip__dark_KtSkBq{background:var(--rt-color-dark);color:var(--rt-color-white)}.react-tooltip__light_KtSkBq{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.react-tooltip__success_KtSkBq{background-color:var(--rt-color-success);color:var(--rt-color-white)}.react-tooltip__warning_KtSkBq{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.react-tooltip__error_KtSkBq{background-color:var(--rt-color-error);color:var(--rt-color-white)}.react-tooltip__info_KtSkBq{background-color:var(--rt-color-info);color:var(--rt-color-white)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}:root{--ff-inter: "Hanken Grotesk", sans-serif;--ff-bad-script: "Bad Script", cursive;--fs-h1: 2.325rem;--fs-h2: 1.75rem;--fs-h3: 1.25rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .625rem;--fw-bold: 700;--fw-semi-bold: 600;--fw-medium: 500;--fw-regular: 400;--clr-white: 0, 0%, 100%;--clr-black: 0, 0%, 0%;--clr-accent: 165, 80%, 43%;--clr-text: 167, 94%, 12%;--padding-left: 2vw}@media screen and (min-width: 960px){:root{--fs-h1: 3.5rem;--fs-h2: 2rem;--fs-h3: 1.5rem;--fs-body: 1.125rem;--fs-sm: 1rem;--fs-xs: .75rem}}