@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Lexend:wght@100..900&display=swap";:root{--bg-color: hsl(0, 0%, 100%);--secondary-bg-color: hsl(0, 0%, 90%);--tertiary-bg-color: hsl(225, 48%, 76%);--lighter-gradient-color: hsl(0, 0%, 100%);--darker-gradient-color: hsl(222, 86%, 86%);--fg-color: hsl(0, 0%, 0%);--secondary-fg-color: hsl(210, 2%, 18%);--tertiary-fg-color: hsl(222, 41%, 71%);--highlight-color: hsl(220, 90%, 56%);--secondary-highlight-color: hsl(220, 90%, 47%);--navbar-bg-color: hsla(0, 0%, 100%, .8);--footer-bg-color: hsl(180, 2%, 8%);--footer-fg-color: hsl(0, 0%, 100%);--scroll-bar-color: hsla(0, 0%, 50%, .5);--hover-bg-color: hsla(218, 66%, 43%, .15);--form-input-color: hsl(0, 0%, 90%);--error-color: hsl(0, 84%, 50%);--highlight-fg-color: hsl(0, 0%, 100%);--max-width: 1440px;--spacing-on-sides: 6em}[data-theme=dark]{--bg-color: hsl(210, 20%, 5%);--secondary-bg-color: hsl(210, 20%, 15%);--tertiary-bg-color: hsl(210, 18%, 28%);--lighter-gradient-color: hsl(220, 30%, 20%);--darker-gradient-color: hsl(210, 20%, 4%);--fg-color: hsl(0, 0%, 95%);--secondary-fg-color: hsl(210, 10%, 75%);--tertiary-fg-color: hsl(0, 0%, 80%);--navbar-bg-color: hsla(210, 20%, 5%, .8);--footer-fg-color: hsl(0, 0%, 95%);--scroll-bar-color: hsla(0, 0%, 50%, .5);--hover-bg-color: hsla(218, 41%, 54%, .15);--form-input-color: hsl(212, 19%, 10%);--error-color: hsl(0, 70%, 50%);--highlight-fg-color: hsl(0, 0%, 95%)}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0;font-size:100%;font-weight:400;line-height:normal}ul,ol{list-style:none}a{text-decoration:none;color:inherit}*:focus{outline:none}button{background:none;border:none;padding:0;font:inherit;color:inherit}html{font-size:16px;scrollbar-color:var(--scroll-bar-color) var(--bg-color);scroll-padding-top:4.8em}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--fg-color)}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}h1{font-size:2.5em;font-weight:700}h2{font-size:1.5em;font-weight:600}h3{font-size:1.2em;font-weight:500}p{font-size:1em;line-height:1.5em;text-align:left}.btn{cursor:pointer;transition:background-color .3s ease-in-out,transform .1s ease-in-out;display:flex;justify-content:center;align-items:center}.btn:active{transform:scale(.95)}.btn-clear{padding:.5em 1em;border-radius:100em;background-color:transparent}.btn-clear:hover{background-color:var(--hover-bg-color)}.btn-sqr{border-radius:.25em;font-size:1em;background-color:transparent;color:var(--fg-color);border:1px solid var(--fg-color);font-weight:600;display:flex;align-items:center;column-gap:.5em;padding:.75em 1.5em}.btn-sqr:hover{background-color:var(--fg-color);color:var(--bg-color)}.btn-rnd{border-radius:10em;font-size:1em;font-weight:600;width:fit-content;background-color:var(--highlight-color);color:var(--highlight-fg-color);padding:.5em 1em;margin:1.5em 0}.btn-rdn:hover{background-color:var(--secondary-highlight-color)}.rotate-arrow{transition:transform .3s ease}.rotate-arrow-parent:hover .rotate-arrow{transform:rotate(-45deg)}.logo{display:flex;align-items:center;justify-content:center;width:fit-content;font-size:2em}.logo svg{width:1.75em}.container{padding:0 var(--spacing-on-sides);margin:0 auto;max-width:var(--max-width);width:100%;box-sizing:border-box}.navbar-container{position:absolute;top:1em;z-index:100;background-color:var(--navbar-bg-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;display:flex;justify-content:center;align-items:center}.navbar{font-family:Lexend,sans-serif;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:2em;padding-top:1em;padding-bottom:1em}.navbar .logo{fill:var(--highlight-color)}.nav{display:flex;justify-content:center;align-items:center;column-gap:.5em}.nav-btn,.color-theme-btn{border-radius:50%;height:1.75em;width:1.75em;padding:0;font-size:2em}.nav-button{justify-self:start}.color-theme-btn{justify-self:end}.nav-menu{position:fixed;top:0;left:calc(-12em - 2px);width:12em;height:100vh;padding:3.5em 0 0;z-index:1000;background-color:var(--bg-color);border-right:2px solid var(--fg-color);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transition:left .3s ease-out}.nav-menu.open{left:0}.nav-menu-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out 0s,visibility .3s ease-in-out}.nav-menu-background.open{opacity:1;visibility:visible}.nav-menu-btn{width:100%;padding:.75em 2em;text-align:left;display:block;font-size:1.1em;border-radius:0;margin-bottom:.5em;font-weight:500}.nav-menu-btn:active{transform:none}.exit-nav-btn{position:absolute;top:.5em;right:.5em;padding:0;width:fit-content;height:fit-content}.exit-nav-btn:hover{color:var(--secondary-fg-color)}#home,#projects,#skills,#contact{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center}.home-container{background-color:var(--bg-color)}#home{height:100vh;outline:1px solid var(--bg-color)}.welcome-message{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.welcome-message h1{margin:0 auto .2em}.welcome-message span{font-weight:inherit;color:var(--highlight-color)}.portfolio-container{background:radial-gradient(circle at 20% 30%,var(--lighter-gradient-color),var(--darker-gradient-color)) fixed}#portfolio{position:relative;display:grid;grid-template-columns:auto auto;column-gap:6em;justify-content:center;padding-top:6em;padding-bottom:6em;min-height:calc(100vh - 5.15em)}.about-me-wrapper{position:relative;max-width:25em}.about-me{width:100%;display:flex;flex-direction:column;row-gap:2em;height:calc(100vh - 17.15em);position:sticky;top:11.15em}.about-me article{color:var(--secondary-fg-color)}.links-contact-container{width:100%;display:flex;flex-direction:column}.links{display:flex;align-items:center;justify-items:flex-start;gap:1em}.links a{column-gap:.5em;font-size:1.5em}.cv-btn{display:flex;align-items:center;column-gap:.2em!important}a.cv-btn{font-size:1em}.cv-btn svg{height:1.2em}.links-contact-container .btn{min-width:max-content}.skills-projects{display:flex;flex-direction:column;gap:3em}.projects-container,.skills-container{display:flex;flex-direction:column;gap:1em;width:100%;max-width:33em;min-width:24em;margin-top:1em}#projects,#skills{display:flex;flex-direction:column;align-items:flex-start;margin:0}#projects h1,#skills h1{margin-left:1rem}.card{background-color:transparent;padding:1em;border-radius:1em;transition:background-color .15s ease-out,outline .15s ease-out;outline:1px solid transparent;cursor:pointer}.card:hover{background-color:var(--hover-bg-color);outline:2px solid var(--tertiary-bg-color)}.contact-container{background-color:var(--bg-color)}#contact{min-height:calc(100vh - 5.15em);padding-top:6em;padding-bottom:6em}form{max-width:40em;width:95%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:3em;margin:3em 0}.entry-container{display:flex;flex-direction:column;align-items:center;gap:.5em;width:100%}label{position:relative;align-self:flex-start;margin-left:.5em}.error{position:absolute;color:var(--error-color);right:-1em;bottom:-.15em}input,textarea{width:100%;box-sizing:border-box;padding:.5em .75em;outline:none;border:none;border-radius:.25em;border:1px solid var(--form-input-color);background-color:var(--form-input-color);color:var(--fg-color);font-family:Inter,sans-serif;transition:border .1s ease;font-size:16px}textarea{height:7em;resize:none}input::placeholder,textarea::placeholder{color:var(--fg-color);opacity:.5}input:focus,textarea:focus{border:1px solid var(--fg-color);transition:border .1s ease}.double-row{display:grid;grid-template-columns:1fr 1fr;column-gap:1em;width:100%}form button{display:flex;justify-content:center}form .btn{transition:color .3s ease-in-out,background-color .3s ease-in-out;width:100%}form .btn:active{transform:inherit}form button:focus{outline:none;background-color:var(--fg-color);color:var(--secondary-bg-color)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.response-message{text-align:center}.footer{width:100%;background-color:var(--fg-color);color:var(--bg-color)}.footer-content{display:grid;grid-template-columns:auto 1fr;column-gap:2em;align-items:center;padding-top:3em;padding-bottom:3em}.footer .logo{fill:var(--bg-color)}.footer-links{justify-self:end;display:flex;align-items:center;justify-content:center;column-gap:3em}.copyright{background-color:var(--footer-bg-color)}.copyright .container{color:var(--footer-fg-color);display:flex;justify-content:center;align-items:center;padding:1em}@media only screen and (max-width: 1090px){:root{--spacing-on-sides: 3em}}@media only screen and (max-width: 818px){#portfolio{column-gap:3.3em}}@media only screen and (max-width: 770px){:root{--spacing-on-sides: 1em}html{font-size:90%}h1{align-self:center;text-align:center}#portfolio{grid-template-columns:1fr;column-gap:0;row-gap:4em}.about-me-wrapper{min-height:auto;max-width:none}.about-me{height:auto;position:relative;top:0}.about-me p{text-align:center}.links-contact-container{flex-direction:row;justify-content:space-between;flex-wrap:wrap;gap:.5em 1em}.projects-container,.skills-container{max-width:100%;min-width:100%}.skills-projects{gap:4em}form{row-gap:2em}.double-row{grid-template-columns:1fr;grid-template-rows:auto auto;gap:2em}.footer-content{grid-template-columns:auto;justify-content:center}}@media only screen and (max-width: 500px){html{font-size:80%}h1{font-size:2.25em}}._skillsGroupHeading_1pkdo_3{display:grid;grid-template-columns:1.8em auto 1fr;align-items:center;column-gap:1em}._skillsGroupHeading_1pkdo_3 svg:first-of-type{color:var(--highlight-color)}._chevron_1pkdo_14{justify-self:flex-end;color:var(--fg-color);transition:transform .2s}._chevronRotated_1pkdo_20{transform:rotate(-180deg)}._pillsContainer_1pkdo_24{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1em}._pill_1pkdo_24{background-color:var(--hover-bg-color);color:var(--highlight-color);border:1px solid var(--tertiary-bg-color);border-radius:10em;padding:.3em .85em;font-size:.82em;font-weight:500;white-space:nowrap}@media only screen and (max-width: 852px){._skillsGroupHeading_1pkdo_3{font-size:.9em}}@media only screen and (max-width: 770px){._skillsGroupHeading_1pkdo_3{font-size:1em}}._project_beo6l_3{display:grid;row-gap:1em;position:relative}._featuredProject_beo6l_9{outline:1px solid var(--tertiary-bg-color)!important}._featuredProject_beo6l_9:hover{outline:2px solid var(--tertiary-bg-color)!important}._featuredBadge_beo6l_17{display:inline-flex;align-items:center;gap:.35em;background:var(--tertiary-bg-color);color:var(--highlight-fg-color);font-size:.72em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.3em .75em;border-radius:10em;width:fit-content}._projectTitle_beo6l_32{display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:.5em;margin-bottom:.5em}._projectDescription_beo6l_40 p{font-size:1em;margin:1em 0 .5em;color:var(--secondary-fg-color)!important}._project_beo6l_3 img,._project_beo6l_3 video{width:100%;height:auto;border-radius:1em}._technologies_beo6l_52{display:flex;flex-wrap:wrap;gap:.7em .5em;justify-content:flex-start;align-items:center;padding:.5em 0 .7em}._technologies_beo6l_52 span{font-size:.8em;background-color:var(--tertiary-bg-color);padding:.35em .6em;border-radius:1em}