@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&family=Merriweather&family=Work+Sans:wght@400;600;700&display=swap);*,:after,:before{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--text:#f9ecfe;--background:#060109;--primary-button:#78e2bd;--secondary-button:#e6e6e6;--accent:#c0f2e0;--second-accent:#ddfdf2;--color-clickable:#00f;--gray-color:hsla(0,0%,100%,.6);--color-dark:#000;--color-light:#d9d9d9;--transition:all 400ms ease;--fs-300:clamp(1.13rem,calc(1.08rem + 0.22vw),1.25rem);--fs-400:clamp(1.35rem,calc(1.2rem + 0.73vw),1.77rem);--fs-500:clamp(1.62rem,calc(1.31rem + 1.53vw),2.50rem);--fs-600:clamp(1.94rem,calc(1.39rem + 2.77vw),3.53rem);--fs-700:clamp(2.33rem,calc(1.41rem + 4.63vw),5.00rem);--fs-800:clamp(2.80rem,calc(1.32rem + 7.42vw),7.07rem);--ff-logo:"Fugaz One",cursive;--ff-body:"Merriweather",serif;--ff-heading:"Work Sans",sans-serif}html{color-scheme:light dark;scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#060109;background-color:var(--background);color:#f9ecfe;color:var(--text);font-family:Merriweather,serif;font-family:var(--ff-body);font-size:clamp(1.13rem,calc(1.08rem + .22vw),1.25rem);font-size:var(--fs-300);line-height:1.6}.wrapper{margin-inline:auto;width:min(100% - 3rem,55ch)}.card-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-inline:2em}h1,h2,h3{font-family:Work Sans,sans-serif;font-family:var(--ff-heading);line-height:1.1}h1{font-size:clamp(2.33rem,calc(1.41rem + 4.63vw),5rem);font-size:var(--fs-700)}h1,h2{color:#78e2bd;color:var(--primary-button)}h2{font-size:clamp(1.94rem,calc(1.39rem + 2.77vw),3.53rem);font-size:var(--fs-600)}h3{font-size:clamp(1.62rem,calc(1.31rem + 1.53vw),2.5rem);font-size:var(--fs-500);font-weight:400}a{color:#78e2bd;color:var(--primary-button)}a:focus,a:hover{color:#c0f2e0;color:var(--accent)}::marker{color:#060109;color:var(--background)}section{display:flex;flex-direction:column;justify-content:center;min-height:100svh;padding-block:2em;text-align:center}.section-title{-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;background:linear-gradient(120deg,#78e2bd,#c0f2e0);background:linear-gradient(120deg,var(--primary-button),var(--accent));-webkit-background-clip:text;-moz-background-clip:text;font-weight:800}section>h2{color:var(--color-primary);margin-bottom:3rem}.text-light{color:#d9d9d9;color:var(--color-light)}.btn{border:2px solid #78e2bd;border:2px solid var(--primary-button);border-radius:.5em;color:#000;color:var(--color-dark);cursor:pointer;display:inline-block;font-size:clamp(1.13rem,calc(1.08rem + .22vw),1.25rem);font-size:var(--fs-300);font-weight:600;padding:.5em .6em;transition:all .4s ease;transition:var(--transition);width:6em}.btn,.btn:hover{background:#e6e6e6;background:var(--secondary-button)}.btn:hover{border-color:transparent;color:#060109;color:var(--background)}.primary{background:#78e2bd;background:var(--primary-button);color:#000;color:var(--color-dark);transition:all .4s ease;transition:var(--transition)}img{display:block;object-fit:cover;width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about__me{background:var(--secondary-button);border-radius:1rem;box-shadow:0 0 0 2px rgba(6,24,44,.4),0 4px 6px -1px rgba(6,24,44,.65),inset 0 1px 0 hsla(0,0%,100%,.08);color:var(--color-dark);margin:0 auto;outline:none;padding:2em;position:relative}.about__me:before{border-bottom:1rem solid var(--secondary-button);border-left:1rem solid transparent;border-right:1rem solid transparent;content:"";left:50%;position:absolute;top:0;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}.contact__options{display:flex;flex-wrap:wrap;gap:2em;justify-content:center}.contact__option{background:var(--primary-button);border:1px solid transparent;border-radius:1.2rem;color:var(--background);padding:1.2rem;text-align:center;-webkit-transform:var(--transition);transform:var(--transition);width:36ch}.contact__option a{color:var(--color-clickable)}.contact__option-icon{font-size:var(--fs-400)}.btn.send-message{background:var(--color-primary);border:none;color:#fff;margin:0 auto;padding:1.2rem;width:100%}.btn.send-message:hover{background:var(--color-white);border-color:transparent;color:var(--color-bg)}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{background:var(--color-light);border:2px solid var(--color-primary-variant);border-radius:.5rem;color:var(--color-dark);padding:1.5rem;resize:none;width:100%}nav{-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:rgba(0,0,0,.2);border-radius:1rem;display:grid;height:5rem;left:50%;place-items:center;position:fixed;top:1rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90vw;z-index:99}.nav__toggle-btn{background-color:initial;color:var(--color-light);display:none;margin:0}.nav__container{display:flex;justify-content:space-between;padding:0 2em;place-items:center;position:relative;width:100%}.logo{color:var(--primary-button);font-family:var(--ff-logo);font-size:var(--fs-500)}.nav__links{align-items:center;display:flex;font-family:var(--ff-heading);gap:3.5rem}.nav__links a{color:var(--color-light);transition:var(--transition)}.nav__links a:hover{color:var(--primary-button);text-decoration:underline}@media (max-width:52em){.nav__toggle-btn{color:var(--primary-button);display:flex}.nav__links{flex-direction:column;gap:0;opacity:0;position:absolute;right:0;top:100%;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .1s ease-in,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-in;transition:transform .1s ease-out,opacity .1s ease-in,-webkit-transform .1s ease-out;visibility:hidden}.nav__links li{height:4rem;width:100%}.nav__links li a{align-items:center;background:var(--color-dark);color:var(--color-light);display:flex;padding:1rem 5rem 1rem 3rem;transition:var(--transition)}.nav__links a:hover{background-color:var(--primary-button);color:var(--color-dark);text-decoration:none}.nav__links.show__nav{display:flex;opacity:1;-webkit-transform:translateY(7%);transform:translateY(7%);visibility:visible}}.main__header{align-items:center;background-attachment:fixed;background-blend-mode:multiply;background-color:rgba(0,0,0,.6);background-image:url(/static/media/background.a6dce43c4577ae1860f7.jpg);background-position:50%;display:flex;flex-direction:column;min-height:100svh;text-align:center}.main__header,.main__header-profile{background-repeat:no-repeat;background-size:cover}.main__header-profile{aspect-ratio:1;background-color:#f0f8ff;background-image:url(/static/media/profile.2c43b5c5147cc246539e.jpg);background-origin:content-box;border-radius:50%;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);height:10rem;margin-top:10rem}.main__header-desc p{margin-top:1em}.main__header-socials{background-color:rgba(0,0,0,.6);border-radius:2rem;display:flex;margin-top:1em}.main__header-socials a{color:var(--primary-button);font-size:var(--fs-500);padding-top:.3em;padding-inline:.5em}#projects{padding-block:2em}.projects__container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-inline:2em}.project__card{align-items:center;background:var(--color-light);border-radius:.5rem;color:#1a1a1a;display:grid;grid-template-rows:auto auto 1fr auto auto;justify-items:center;max-width:40ch;min-height:25em;padding:1.2em 1em;text-align:justify;text-align-last:center;-ms-text-align-last:center;-moz-text-align-last:center}.project__icon{aspect-ratio:1;aspect-ratio:1/1;background:hsla(0,0%,50%,.5);border-radius:1.5rem;padding:.5em;width:4em}.card__buttons{display:flex;gap:3rem}.project__stacks{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-block:1em}.project__stack{background:var(--second-accent);border-radius:.5rem;color:var(--background);font-size:var(--fs-300);padding:.5em 1em}.project__description{color:rgba(0,0,0,.7)}.skill__card{background-color:var(--color-light);border-left:1px solid hsla(0,0%,100%,.5);border-radius:.5rem;border-top:1px solid hsla(0,0%,100%,.5);box-shadow:20px 20px 50px rgba(0,0,0,.5);color:rgba(0,0,0,.8);display:grid;grid-template-rows:auto 1fr auto;justify-items:center;min-height:25em;padding:1.2em 1em;position:relative;width:40ch}.skill__list{display:none;left:50%;min-width:20ch;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.skill__list.show li{list-style-type:disc;text-align:left}.skill__list.show li:not(:last-child){margin-bottom:.5em}.skill-button{background:transparent;color:var(--color-clickable);cursor:pointer;font-size:var(--fs-300);padding:.5em .6em;position:relative;text-decoration:underline}.card__description{align-self:center;color:rgba(0,0,0,.7);text-align:justify}.skill-button:hover{background:transparent}.skill-button:before{background:#1a1a1a;content:"";height:2px;left:50%;position:absolute;top:-1em;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:min(35ch,70vw)}.show{display:inline-block}.hide{visibility:hidden}footer{background:var(--primary-button);padding:3rem 0;text-align:center}footer,footer a{color:var(--background)}.footer__logo{display:inline-block;font-weight:500}.permalinks{flex-wrap:wrap;font-family:var(--ff-heading);gap:2rem;margin:0 auto}.footer__socials,.permalinks{display:flex;justify-content:center}.footer__socials{gap:1rem}.footer__socials a{font-size:var(--fs-500);padding:.8rem}.footer__socials a:hover{background-color:initial;color:var(--color-bg)}.footer__copyright{font-size:var(--fs-300)}@media screen and (max-width:600px){.permalinks{flex-direction:column;gap:1.5rem}.footer__socials{margin-bottom:2.6rem}}