@import url(https://fonts.googleapis.com/css2?family=Jura:wght@300..700&display=swap);.mobile-menu{background-color:var(--bg-color);height:100%;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .25s ease-in-out;width:100%;z-index:999}.mobile-menu.is-active{transform:translateX(0)}.mobile-close{background-color:var(--bg-color);border:none;position:absolute;right:.5rem;top:2.1rem;width:3.5rem}.mobile-navigation{font-size:2rem;margin-top:7.5rem;text-align:left}.mobile-navigation li{padding:1.25rem 2rem;transition:all .2s ease}.mobile-navigation li:hover{background:var(--accent-color)}.mobile-navigation li a{display:block;height:100%;width:100%}.topbar{background-color:var(--bg-color);display:flex;height:6rem;position:fixed;top:0;width:100%;z-index:100}.topbar .container{align-items:flex-end;display:flex;justify-content:flex-end}.navigation{font-size:clamp(2rem,1.5vw + 1rem,3.25rem)}.burger{stroke-width:2.25px;background-color:var(--bg-color);border:none;height:2.5rem;margin-bottom:1rem;width:2.5rem}@media (min-width:768px){.topbar .container{align-items:center;justify-content:center}.topbar .navigation{display:flex;gap:6rem}.navigation li{margin-bottom:-.25rem;position:relative}.navigation li:after{background:var(--accent-color);bottom:-.5rem;content:"";height:.25rem;left:0;position:absolute;transition:width .3s ease;width:0}.navigation li:hover:after{width:100%}}@media (min-width:1280px){.topbar .container{justify-content:flex-end}.navigation{gap:4rem}}@media (min-width:1440px){.navigation{gap:6rem}}@media (min-width:1920px){.topbar{height:8rem}.navigation{margin-right:.5rem}}.home{min-height:100dvh;padding-top:8rem;text-align:center}.home svg{stroke-width:1.5px;height:auto;width:clamp(2.5rem,3vw + 1rem,4.5rem)}.header-container h1,.header-container h2{margin:.5rem 0}.header-container h1{font-size:clamp(4rem,5vw + 2rem,10.425rem);word-spacing:130%}.header-container h2{font-size:clamp(2rem,1.85vw + 1rem,3.85rem)}.icon-container{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:2rem}.icon-container a{display:flex}.selfie{align-self:flex-end;height:auto;margin-top:auto;max-width:100%;min-width:0;object-fit:cover;width:100%}@media (min-width:1024px){.home{align-items:center;flex-direction:row!important}.selfie{height:auto;max-width:100%;order:1}.is-right{display:flex;justify-content:flex-end;order:2}.header-container,.selfie{flex:0 0 50%}}@media (min-width:1280px){.header-container h1,.header-container h2{margin:1rem 0}.icon-container{margin-top:4rem}}@media (min-width:1440px){.icon-container{gap:3rem}}.carousel{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:1.5rem auto;width:100%}.carousel-inner{overflow:hidden}.carousel-inner,.carousel-track{transition:transform .5s ease-in-out;width:100%}.carousel-track{display:flex}.carousel-slide{align-items:center;display:flex;justify-content:center;min-width:100%}.carousel-slide img{border-radius:.5rem;display:block;height:auto;object-fit:cover;width:100%}.carousel-controls{align-items:center;display:flex;gap:12.5rem;justify-content:space-between}.carousel-controls button{background:none;border:none}.carousel-controls button:hover{transform:scale(1.1)}.carousel-controls button svg{height:1.5rem;width:1.5rem}@media (min-width:768px){.carousel{margin:2rem auto}.carousel-controls{gap:25rem;margin-top:1rem}.carousel-controls button svg{height:2.25rem;width:2.25rem}}@media (min-width:1024px){.carousel{margin:2.5rem auto}.carousel-track{gap:.5rem;max-width:33%}}@media (min-width:1440px){.carousel{margin:3rem auto}.carousel-track{gap:.75rem}}@media (min-width:1920px){.carousel{margin:4rem auto}}.background,.description{font-size:clamp(1rem,.5vw + 1rem,2.5rem);text-align:left}.background{margin:1.5rem 0}@media (min-width:768px){.about{max-width:90%}.background{margin:2rem 0}}@media (min-width:1024px){.background{margin:2.5rem 0}}@media (min-width:1440px){.background{margin:3rem 0}}@media (min-width:1920px){.background{margin:4rem 0}}.skill-container{grid-gap:.75rem 1.5rem;display:grid;gap:.75rem 1.5rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content)}.skill-item{align-items:center;display:flex;margin:0 auto;width:100%}.skill-item svg{flex-shrink:0;width:clamp(1.75rem,2vw + 1rem,2.75rem)}.skill-item p{font-size:clamp(1rem,1.25vw + 1rem,2.5rem)}@media (min-width:1024px){.skill-container{display:flex;flex-direction:column;gap:1.5rem}.skill-item{gap:1rem;width:100%}}@media (min-width:1280px){.skill-container{gap:2.5rem}}.button{align-items:center;border:1px solid #000;border-radius:.5rem;display:flex;font-size:1rem;height:3rem;justify-content:space-evenly;width:8rem}.button svg{color:#fff;width:1.75rem}.light{background-color:var(--bg-color)}.light:hover{background-color:#d2d7d5}.dark{background-color:#111;color:#fff}.dark:hover{background-color:#292929}@media (min-width:1024px){.button{font-size:1.25rem}.button svg{width:2rem}}@media (min-width:1920px){.button{font-size:1.5rem;height:3.5rem;width:10rem}.button svg{width:2.25rem}}.project-item{align-items:center;display:flex;flex-direction:column;gap:1.25rem}.project-title{font-size:clamp(2.5rem,2vw + 1.5rem,4rem);margin-top:2rem}.project-image-container{align-items:center;display:flex;flex-direction:column;gap:.25rem}.project-image{border-radius:.5rem;height:auto;width:100%}.project-description{max-width:36ch;text-align:center}.button-container{display:flex;gap:2.5rem}@media (min-width:768px){.projects{max-width:90%}.project-item{gap:1.75rem}.project-description{max-width:56ch;text-align:center}}@media (min-width:1024px){.project-item{grid-column-gap:1rem;grid-row-gap:1rem;column-gap:1rem;display:grid;grid-template-areas:"title image" "skills image" "buttons image" "paragraph-one paragraph-one" "paragraph-two paragraph-two" "paragraph-three paragraph-three";grid-template-columns:1fr 2fr;margin-top:2rem;row-gap:1rem}.project-item:nth-child(2n){grid-template-areas:"image title" "image skills" "image buttons" "paragraph-one paragraph-one" "paragraph-two paragraph-two" "paragraph-three paragraph-three";grid-template-columns:2fr 1fr}.button-container,.project-title,.skill-container{justify-self:center}.project-title{grid-area:title}.skill-container{grid-area:skills}.button-container{grid-area:buttons}.project-image-container{grid-area:image}.project-description{margin-top:2.5rem;max-width:100%;text-align:left}.paragraph-one{grid-area:paragraph-one}.paragraph-two{grid-area:paragraph-two}.paragraph-three{grid-area:paragraph-three}.project-title{margin-top:0}}@media (min-width:1280px){.project-item{column-gap:2.5rem;margin:1.5rem 0}.project-image-container{gap:.375rem}.project-description{margin-top:2.5rem}}@media (min-width:1440px){.project-item{margin:3rem 0}.project-image-container{gap:.5rem}}@media (min-width:1920px){.project-item{column-gap:5rem;margin:4rem 0}.project-title{align-self:end}.project-image-container{gap:.75rem}.button-container{align-self:start}}svg{height:auto;width:1.75rem}.projects{gap:1rem;padding-bottom:2rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#root,body,html{background-color:#e9efed;background-color:var(--bg-color);font-family:Jura,sans-serif;font-weight:400;height:100dvh;overflow-y:auto;scroll-behavior:smooth;width:100dvw}:root{--bg-color:#e9efed;--accent-color:#b9d2da;--page-max-width:1920px;--page-padding:1rem}.container{margin:0 auto;max-width:1920px;max-width:var(--page-max-width);padding:0 1rem;padding:0 var(--page-padding);width:100%}h1,h2{font-weight:400}.section{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;width:100%}.about,.projects{padding-top:5rem}.section-header{font-size:clamp(3.25rem,2.25vw + 1.5rem,5rem)}.section>:last-child{align-self:flex-end}svg{stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;color:#000}.mobile-menu svg,.topbar svg{width:3rem}ol,ul{list-style:none}a{color:inherit;text-decoration:none}a,button,li{cursor:pointer}.hidden-mobile{display:none}.hidden-desktop,.hidden-tablet{display:flex}@media (min-width:768px){:root{--page-padding:1.5rem}.hidden-desktop,.hidden-mobile{display:flex}.hidden-tablet{display:none}.section{padding-top:8rem}}@media (min-width:1024px){:root{--page-padding:2rem}.hidden-mobile,.hidden-tablet{display:flex}.hidden-desktop{display:none}}@media (min-width:1280px){:root{--page-padding:9rem}.section{padding-top:14rem}}@media (min-width:1920px){:root{--page-padding:5rem}}
/*# sourceMappingURL=main.a008a0ec.css.map*/