@import url(https://fonts.googleapis.com/css2?family=Karla:wght@400;500;600;700&display=swap);.header[data-v-61973934]{width:100%;margin-bottom:2.5rem;position:fixed;top:0;background-color:var(--header-bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-300);z-index:4}.nav[data-v-61973934]{padding:var(--p-step-0) var(--p-step-1);margin:0 auto;max-width:86.25rem;position:relative}.header__logo[data-v-61973934]{font-size:2rem;font-weight:700;z-index:3}.header__toggler[data-v-61973934]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3}.header__toggler input[type=checkbox][data-v-61973934]{visibility:none;display:none}.header__toggler .toggle[data-v-61973934]{position:relative;display:block;width:2.5rem;height:22px;background-color:#bdbfc1;border-radius:50px;cursor:pointer;overflow:hidden;transition:ease-in}.header__toggler input[type=checkbox]:checked~.toggle[data-v-61973934]{background-color:#d79a88}.header__toggler .toggle[data-v-61973934]:after,.header__toggler .toggle[data-v-61973934]:before{content:"";position:absolute;top:2.5px;width:1rem;height:1rem;border-radius:50%;transition:.5s}.header__toggler .toggle[data-v-61973934]:before{left:2.5px;background-color:#fff}.header__toggler input[type=checkbox]:checked~.toggle[data-v-61973934]:before{transform:translateX(-50px)}.header__toggler .toggle[data-v-61973934]:after{right:2.5px;background:#06111e;transform:translateX(50px)}.header__toggler input[type=checkbox]:checked~.toggle[data-v-61973934]:after{transform:translateX(0)}.header__links a[data-v-61973934]{position:relative;font-size:var(--step-1);font-weight:500;transition:color var(--transition-300)}.header__links a[data-v-61973934]:not(:last-child){margin-right:2.5rem}.header__links a[data-v-61973934]:before{content:"";display:block;position:absolute;height:3px;left:0;right:0;bottom:-24px;background:var(--nav-link-underline-color);border-radius:50px;opacity:0;transition:opacity var(--transition-300)}.header__links a[data-v-61973934]:hover{color:var(--nav-link-color)}.header__links a[data-v-61973934]:hover:before{opacity:1}.header__links .resume-btn-wrapper[data-v-61973934]{display:inline}.header__links a.resume-btn[data-v-61973934]{background-color:var(--resume-btn-bg-color);color:var(--resume-btn-text-color);padding:8px 14px;border-radius:5px;transition:background-color var(--transition-300)}.header__links a.resume-btn[data-v-61973934]:before{display:none}.header__links a.resume-btn[data-v-61973934]:hover{background-color:var(--resume-btn-bg-alt-color)}.header__burger[data-v-61973934]{display:flex;flex-direction:column;align-items:flex-end;padding:5px;background-color:transparent;border:none;cursor:pointer;position:relative;z-index:3}.header__burger span[data-v-61973934]{display:block;width:25px;height:2px;background-color:var(--text-alt-color);transition:all var(--transition-300);transform-origin:2.3px 1.2px}.header__burger span[data-v-61973934]:first-child{width:20px}.header__burger span[data-v-61973934]:nth-child(2){width:15px}.header__burger span[data-v-61973934]:not(:last-child){margin-bottom:5px}.header__burger.open span[data-v-61973934]:first-child{width:22px;transform-origin:right center;transform:translateY(.6px) rotate(-45deg)}.header__burger.open span[data-v-61973934]:nth-child(2){opacity:0}.header__burger.open span[data-v-61973934]:nth-child(3){width:22px;transform-origin:right center;transform:translateY(2.5px) rotate(45deg)}.header__menu[data-v-61973934]{position:absolute;top:0;left:0;width:100vw;height:100vh;min-height:-webkit-fill-available;padding:6rem 2rem;background-color:var(--bg-alt-color);border-radius:50rem 0 50rem 50rem;transform-origin:top right;transform:scale(0);visibility:hidden;transition:all var(--transition-300);z-index:2}.header__menu.open[data-v-61973934]{transform:scale(1);border-radius:0;visibility:visible}.header__menu a[data-v-61973934]{padding:.625rem;text-align:center;font-size:var(--step-1)}.header__menu a[data-v-61973934]:not(:last-child){margin-bottom:5px}.header__menu a[data-v-61973934]:hover{color:var(--nav-link-color)}.header__menu small[data-v-61973934]{margin:auto auto 100px auto;transition:color var(--transition-300)}@media (min-width:1001px){.hide-for-large[data-v-61973934]{display:none}}@media (max-width:1000px){.hide-for-small[data-v-61973934]{display:none}}.hero[data-v-61b31fc2]{margin-top:123px;margin-bottom:var(--m-step-2)}.hero__text[data-v-61b31fc2]{max-width:50vw}.hero__text-greeting[data-v-61b31fc2]{margin-bottom:2rem;font-size:var(--step-0);font-weight:400}.hero__text-name[data-v-61b31fc2]{margin-bottom:1.5rem;font-size:var(--step-3);font-weight:700}.hero__text-description[data-v-61b31fc2]{max-width:600px;font-size:var(--step-1);line-height:1.5}.hero__text-description.text-1[data-v-61b31fc2]{margin-bottom:2rem}.hero__image img[data-v-61b31fc2]{max-width:100%;height:100%}@media (max-width:768px){.hero[data-v-61b31fc2]{flex-direction:column-reverse;gap:2rem}.hero__text[data-v-61b31fc2]{max-width:100%}}.about[data-v-a9898f6a]{margin-bottom:var(--m-step-2);text-align:center;position:relative}.about__images[data-v-a9898f6a]{position:absolute;top:100px;opacity:0;width:100%;height:100%;background-image:var(--about-bg-images-set);background-repeat:no-repeat;background-size:60px;background-position:8% 30px,92% 33px,left 45%,right 45%,8% 80%,92% 80%,35% bottom,65% bottom;z-index:1;transition:all 2s ease}.about__images.visible[data-v-a9898f6a]{top:0;opacity:1}.about__text[data-v-a9898f6a]{max-width:700px;margin:0 auto;padding-bottom:8rem;position:relative;z-index:2}.about__text-description.text-1[data-v-a9898f6a]{margin-bottom:var(--m-step--1)}.about__text-description.text-2[data-v-a9898f6a]{margin-bottom:1.5rem}.skills-wrapper[data-v-a9898f6a]{gap:3.125rem;margin-bottom:var(--m-step--1);text-align:left}.about__text-skills li[data-v-a9898f6a]{position:relative;font-weight:600}.about__text-skills li[data-v-a9898f6a]:before{content:"▹";position:absolute;top:50%;left:-1.375rem;transform:translateY(-50%);color:var(--text-alt-color);font-size:var(--step-0);line-height:12px}@media (max-width:960px){.about__images[data-v-a9898f6a]{display:none}.about__text[data-v-a9898f6a]{padding-bottom:0}}@media (max-width:768px){.about__text-description[data-v-a9898f6a]{text-align:left}.skills-wrapper[data-v-a9898f6a]{justify-content:left;margin-left:2rem}}@media (max-width:480px){.skills-wrapper[data-v-a9898f6a]{flex-direction:column;gap:0}}.project__cards-item[data-v-fae7ea56]{padding:0 var(--p-step-1);gap:2rem;position:relative;top:80px;opacity:0;transition:all .8s ease}.project__cards-item.visible[data-v-fae7ea56]{top:0;opacity:1}.project__cards-item[data-v-fae7ea56]:not(:last-child){margin-bottom:var(--m-step-1)}.project__cards-item[data-v-fae7ea56]:nth-child(2n){flex-direction:row-reverse}.card-image[data-v-fae7ea56]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.card-image img[data-v-fae7ea56]{box-shadow:var(--project-card-shadow)}.card-text[data-v-fae7ea56]{max-width:33.75rem;width:100%}.title-wrapper[data-v-fae7ea56]{margin-top:2rem;margin-bottom:var(--m-step--2)}.title-wrapper small.with-icon[data-v-fae7ea56]{gap:.625rem}.description-wrapper[data-v-fae7ea56]{font-size:1rem;margin-bottom:1.875rem}.about-wrapper[data-v-fae7ea56]{gap:1.375rem;margin-bottom:1.5rem;flex-wrap:wrap}.about-wrapper li[data-v-fae7ea56]{flex-shrink:0;line-height:1}.links-wrapper[data-v-fae7ea56]{gap:.5rem}.links-wrapper li[data-v-fae7ea56]{position:relative;width:2.5rem;height:2.5rem;border-radius:50px;overflow:hidden}.links-wrapper li a[data-v-fae7ea56]{padding:1.875rem;transition:all var(--transition-200)}.links-wrapper li a svg[data-v-fae7ea56],.links-wrapper li a[data-v-fae7ea56]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.links-wrapper li a[data-v-fae7ea56]:hover{background-color:var(--project-link-bg-color);color:var(--project-link-text-color)}@media (max-width:960px){.project__cards-item[data-v-fae7ea56]{flex-direction:column!important}.card-image[data-v-fae7ea56]{margin:0 auto}.card-image img[data-v-fae7ea56]{max-width:100%;height:auto}.card-text[data-v-fae7ea56]{max-width:100%}}@media (max-width:768px){.project__cards-item[data-v-fae7ea56]{padding:0;gap:0}.card-text[data-v-fae7ea56]{padding:0 1rem}}@media (max-width:420px){.title-wrapper[data-v-fae7ea56]{flex-direction:column;align-items:flex-start}.title-wrapper h4[data-v-fae7ea56]{margin-bottom:.375rem}}.projects[data-v-22a88f00]{margin-bottom:var(--m-step-2)}.projects__title[data-v-22a88f00]{text-align:center}.contact[data-v-6b4abc0b]{height:90vh;text-align:center}.contact__text[data-v-6b4abc0b]{margin-bottom:5rem}.contact__text-title[data-v-6b4abc0b]{text-align:center}.contact__text-description.text-1[data-v-6b4abc0b]{width:31.25rem;margin:0 auto;margin-bottom:var(--m-step--1)}.contact__link[data-v-6b4abc0b]{height:-moz-fit-content;height:fit-content}.contact__link .cta[data-v-6b4abc0b]{display:inline-block;padding:.75rem 2rem;border-radius:10px;background-color:var(--cta-bg-color);color:var(--cta-text-color);font-size:var(--step-1);font-weight:500;transition:all var(--transition-200);box-shadow:var(--cta-shadow)}.contact__link .cta[data-v-6b4abc0b]:hover{background-color:var(--cta-hover-bg-color);color:var(--cta-hover-text-color);outline:1px solid var(--cta-outline-color);outline-offset:5px}@media (max-width:768px){.contact[data-v-6b4abc0b]{text-align:left}.contact__text-description.text-1[data-v-6b4abc0b]{width:100%}.contact__link[data-v-6b4abc0b]{text-align:center}}footer[data-v-797b5bed]{width:100%;height:6vh;text-align:center}:root{--font-family:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--transition-300:300ms ease-in-out;--transition-200:200ms ease-in-out;--bg-color:#f2f2f2;--bg-alt-color:#fff;--text-color:#231f20;--text-alt-color:#808285;--heading-underline:linear-gradient(270deg,#bdbfc1,#808285);--scrollbar-thumb-color:#bdbfc1;--scrollbar-track-color:#f2f2f2;--header-bg-color:hsla(0,0%,95%,.8);--nav-link-color:#808285;--nav-link-underline-color:linear-gradient(270deg,#bdbfc1,#808285);--resume-btn-bg-color:#231f20;--resume-btn-bg-alt-color:#bdbfc1;--resume-btn-text-color:#fff;--about-bg-images-set:url(/img/logo-react.bce5e7f0.svg),url(/img/logo-vue.0dfa6995.svg),url(/img/logo-tailwind.06a98e71.svg),url(/img/logo-inkscape.d045ba4c.svg),url(/img/logo-db.6df0b240.svg),url(/img/logo-laravel.3a904685.svg),url(/img/logo-git.7e7b508a.svg),url(/img/logo-github.b478d39a.svg);--project-card-shadow:hsla(210,8%,62%,.2) 0px 8px 24px;--project-link-bg-color:#fff;--project-link-text-color:#231f20;--cta-bg-color:#231f20;--cta-text-color:#f2f2f2;--cta-shadow:hsla(210,8%,62%,.2) 0px 8px 24px;--cta-hover-bg-color:#fff;--cta-hover-text-color:#231f20;--cta-outline-color:#231f20}[data-theme=dark]{--bg-color:#06111e;--bg-alt-color:#382541;--text-alt-color:#d79a88;--text-color:#ffebcc;--heading-underline:#d79a88;--scrollbar-thumb-color:#d79a88;--scrollbar-track-color:#06111e;--header-bg-color:rgba(6,17,30,.8);--nav-link-color:#d79a88;--nav-link-underline-color:#ffebcc;--resume-btn-bg-color:#ffebcc;--resume-btn-bg-alt-color:#d79a88;--resume-btn-text-color:#06111e;--about-bg-images-set:url(/img/logo-react-dark.06e121b0.svg),url(/img/logo-vue-dark.315e8edb.svg),url(/img/logo-tailwind-dark.1912ffb0.svg),url(/img/logo-inkscape-dark.f9ba3d3c.svg),url(/img/logo-db-dark.9f495386.svg),url(/img/logo-laravel-dark.ed13652a.svg),url(/img/logo-git-dark.4b142f99.svg),url(/img/logo-github-dark.dd5fa645.svg);--project-card-shadow:rgba(18,30,43,.5) 0px 8px 24px;--project-link-bg-color:#ffebcc;--project-link-text-color:#06111e;--cta-bg-color:#ffebcc;--cta-text-color:#06111e;--cta-shadow:rgba(18,30,43,.5) 0px 8px 24px;--cta-hover-bg-color:#d79a88;--cta-hover-text-color:#06111e;--cta-outline-color:#d79a88}:root{--fluid-min-width:320;--fluid-max-width:1366;--fluid-screen:100vw;--fluid-bp:calc((var(--fluid-screen) - var(--fluid-min-width)/16*1rem)/(var(--fluid-max-width) - var(--fluid-min-width)))}@media screen and (min-width:1366px){:root{--fluid-screen:calc(var(--fluid-max-width)*1px)}}:root{--f--1-min:14;--f--1-max:16;--step--1:calc((var(--f--1-min)/16)*1rem + (var(--f--1-max) - var(--f--1-min))*var(--fluid-bp));--f-0-min:16;--f-0-max:18;--step-0:calc((var(--f-0-min)/16)*1rem + (var(--f-0-max) - var(--f-0-min))*var(--fluid-bp));--f-1-min:18;--f-1-max:20;--step-1:calc((var(--f-1-min)/16)*1rem + (var(--f-1-max) - var(--f-1-min))*var(--fluid-bp));--f-2-min:24;--f-2-max:28;--step-2:calc((var(--f-2-min)/16)*1rem + (var(--f-2-max) - var(--f-2-min))*var(--fluid-bp));--f-3-min:40;--f-3-max:80;--step-3:calc((var(--f-3-min)/16)*1rem + (var(--f-3-max) - var(--f-3-min))*var(--fluid-bp));--p-0-min:14;--p-0-max:16;--p-step-0:calc((var(--p-0-min)/16)*1rem + (var(--p-0-max) - var(--p-0-min))*var(--fluid-bp));--p-1-min:16;--p-1-max:40;--p-step-1:calc((var(--p-1-min)/16)*1rem + (var(--p-1-max) - var(--p-1-min))*var(--fluid-bp));--m--2-min:22;--m--2-max:30;--m-step--2:calc((var(--m--2-min)/16)*1rem + (var(--m--2-max) - var(--m--2-min))*var(--fluid-bp));--m--1-min:30;--m--1-max:50;--m-step--1:calc((var(--m--1-min)/16)*1rem + (var(--m--1-max) - var(--m--1-min))*var(--fluid-bp));--m-0-min:50;--m-0-max:70;--m-step-0:calc((var(--m-0-min)/16)*1rem + (var(--m-0-max) - var(--m-0-min))*var(--fluid-bp));--m-1-min:60;--m-1-max:90;--m-step-1:calc((var(--m-1-min)/16)*1rem + (var(--m-1-max) - var(--m-1-min))*var(--fluid-bp));--m-2-min:80;--m-2-max:120;--m-step-2:calc((var(--m-2-min)/16)*1rem + (var(--m-2-max) - var(--m-2-min))*var(--fluid-bp))}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;height:100%;height:-webkit-fill-available;scroll-behavior:smooth}body{min-height:100vh;min-height:-webkit-fill-available;font-family:var(--font-family);font-size:var(--step-0);line-height:1.6;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:color var(--transition-200)}h1,h2,h3,h4,p{margin:0;line-height:1}p{line-height:1.5}h2,h4{line-height:1.4}ul{list-style-type:none}.flex{display:flex}.flex-jc-c{justify-content:center}.flex-jc-sb{justify-content:space-between}.flex-ai-c{align-items:center}.flex-fd-c{flex-direction:column}a,a:hover,a:visited{text-decoration:none;color:inherit}.text-alt-color{color:var(--text-alt-color)}.semi-bold{font-weight:600}.no-scroll{overflow:hidden}.container{margin:0 auto;max-width:77.5rem;padding:0 var(--p-step-1)}h2{font-weight:700;font-size:var(--step-2);position:relative;margin-bottom:var(--m-step-0)}h2:before{content:"";display:block;position:absolute;height:6px;width:3.125rem;left:50%;transform:translateX(-50%);bottom:-18px;background:var(--heading-underline);border-radius:50px}h4{font-size:var(--step-1)}small{color:var(--text-alt-color);font-size:var(--step--1);font-weight:500}::-webkit-scrollbar{width:auto}::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}::-webkit-scrollbar-thumb{border:4px solid var(--scrollbar-track-color);border-radius:1000px;background:var(--scrollbar-thumb-color)}.fade-in{position:relative;top:150px;opacity:0;transition:all 1s ease}.fade-in.visible{position:relative;top:0;opacity:1}.floating-icons{animation:float 6s ease-in-out infinite}@keyframes float{50%{transform:translateY(1rem)}}