@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);*,:after,:before{box-sizing:border-box}*{margin:0}body,html{font-family:mono;height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}:root{--color-primary-100:#fff;--color-primary-200:#c4cacf;--color-primary-700:#565a5d;--color-primary-800:#1a1a1a;--color-primary-900:#171320;--color-primary-950:#000;--color-neutral-100:#fff;--color-neutral-600:#b0b8bf;--color-accent-200:#60d9fb;--color-accent-500:#e510cc;--max-width-desktop:1100px;--fs-100:0.9rem;--fs-200:1rem;--fs-300:1.25rem;--fs-400:1.5rem;--ff-primary:"Manrope",sans-serif;--ff-secondary:"Poppins",sans-serif;--fw-regular:400;--fw-bold:600;--fw-extra-bold:800}@media screen and (min-width:570px){:root{--fs-100:1rem;--fs-200:1.25rem;--fs-300:1.5rem;--fs-400:1.75rem}}html{scroll-behavior:smooth}body{background-color:var(--color-primary-800);color:var(--color-primary-700);font-family:var(--ff-primary);font-size:var(--fs-200);font-weight:var(--fw-regular);margin:0 auto;overflow-x:hidden}body::-webkit-scrollbar{width:.5em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{background-color:#a9a9a9;border-radius:2rem;outline:1px solid #708090}ul{list-style:none;padding:0}a{text-decoration:none}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.container-standard{margin:0 auto;max-width:var(--max-width-desktop)}.flex-center{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.section{flex-direction:column;gap:1rem;letter-spacing:.0625em;padding:4rem 1rem}.section__heading{color:var(--color-primary-100);font-size:var(--fs-400);font-weight:var(--fw-regular);text-transform:uppercase}.section__list{gap:2.5rem}.gradient{background:linear-gradient(90deg,#ff17e4,#86fbfb);height:2px}.gradient-inverted{background:linear-gradient(270deg,#ff17e4,#86fbfb);height:2px}@keyframes toBottom{0%{opacity:0;transform:translate3d(0,-25%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes toRight{0%{opacity:0;transform:translateX(-50%)}50%{opacity:.5}to{opacity:1}}@keyframes toLeft{0%{opacity:0;transform:translateX(50%)}50%{opacity:.5}to{opacity:1}}@keyframes toFront{0%{opacity:0}to{opacity:100%}}@keyframes rotate-in{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.skip-link{height:1px;left:-999px;position:absolute;text-decoration:none;text-transform:uppercase;top:auto;width:1px}.skip-link:focus{background-color:var(--color-neutral-600);border-radius:100vmax;font-weight:600;height:auto;left:1rem;padding:.5rem 1rem;top:1rem;width:auto;z-index:1;z-index:2}.top-arrow{border-radius:50%;bottom:1.5rem;cursor:pointer;display:none;height:3.5rem;left:2rem;position:fixed;width:3.5rem;z-index:3}.top-arrow:hover{transform:scale(1.2)}@media screen and (min-width:550px){.top-arrow{display:block}}.social{display:flex}.social i{background:linear-gradient(90deg,#ff17e4,#86fbfb);-webkit-background-clip:text;padding:1.2rem 1rem;transition:all .3s ease-in}.social i,.social i:hover{-webkit-text-fill-color:transparent}.social i:hover{background:linear-gradient(270deg,#ff17e4,#86fbfb);-webkit-background-clip:text}.form{border-radius:.5rem;color:var(--color-primary-700);display:flex;flex-direction:column;font-size:var(--fs-100);gap:1.5rem;padding:1rem;position:relative;width:100%}@media screen and (min-width:550px){.form{flex-direction:row;flex-wrap:wrap;gap:2rem;max-width:55rem;padding:2rem}}.control-wrapper{display:flex;flex-direction:column;gap:.25rem}@media screen and (min-width:550px){.control-wrapper:first-of-type,.control-wrapper:nth-of-type(2){flex:1}.control-wrapper:nth-of-type(3),.control-wrapper:nth-of-type(4){flex-basis:100%}}.form__input{background-color:var(--color-primary-100);border:none;border-bottom:1px solid var(--color-primary-200);color:var(--color-primary-800);font-weight:600;padding:1rem}.form__input::placeholder{color:var(--color-primary-700);font-family:inherit;font-size:var(--fs-100)}.form textarea{max-width:100%}.form__button{background-color:transparent;border:1px solid var(--color-neutral-600);border-radius:.5rem;color:var(--color-primary-100);font-family:inherit;letter-spacing:.12rem;padding:.75rem 0;text-transform:uppercase}@media screen and (min-width:550px){.form__button{flex-basis:50%;margin-right:auto}}.form__button:hover{background-color:var(--color-accent-200);border:1px solid var(--color-primary-800);color:var(--color-primary-900);cursor:pointer;font-weight:800;letter-spacing:.5rem;transition:all .5s ease-in-out}.form-status,.header{color:var(--color-primary-100)}.header{align-items:center;display:flex;justify-content:flex-start;left:0;position:fixed;right:0;top:0;z-index:1}@media screen and (min-width:550px){.header{justify-content:center;padding:1.5rem 1rem}}.menu-close,.menu-toggle{color:var(--color-primary-100);font-size:var(--fs-400);margin:1rem}@media screen and (min-width:550px){.main-nav .menu-close,.menu-toggle{display:none}}.main-nav{display:none;position:fixed;top:-200px;transition:right .3s ease;z-index:999}.main-nav:target{display:block;left:0;outline:none;right:0;top:0}@media screen and (min-width:550px){.main-nav{display:block;position:static}}.main-nav .menu-close{left:0;position:absolute;top:0}.main-nav:target .menu-close{z-index:1001}.nav__list{animation:toBottom .2s ease-in both;flex-direction:column;gap:3rem;justify-content:flex-start;margin:0;padding:2rem 0}@media screen and (min-width:550px){.nav__list{background:none;flex-direction:row;gap:1rem;height:auto;padding:0;text-align:center;width:auto}}.nav__link{color:var(--color-primary-200);font-size:var(--fs-100);font-weight:var(--fw-extra-bold);letter-spacing:.125rem;padding:0 1rem;text-transform:uppercase}.nav__link:hover{text-decoration:underline;text-decoration-color:var(--color-accent-500)}.main-nav:target+.backdrop{background:rgba(0,0,0,.85);cursor:default;display:block;height:100%;position:fixed;right:0;top:0;width:100%;z-index:998}.hero{grid-gap:1rem 1rem;display:grid;padding-top:3rem}@media screen and (min-width:700px){.hero{grid-gap:0 2rem;grid-template-columns:1fr 1fr;padding:8rem 1rem 10rem}}.hero__bio,.hero__profile{animation:1s ease-in both;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(4px);border-radius:1rem;color:var(--color-primary-100);flex-direction:column;padding:1.5rem 1rem;transition:all .25s ease-in}.hero__profile{animation-name:toRight;padding-top:0}@media screen and (min-width:700px){.hero__profile{padding:1.5rem 1rem}}.hero__intro{align-items:center;color:var(--color-accent-200);display:flex;flex-direction:column;font-family:var(--ff-secondary);gap:.1rem}@media screen and (min-width:700px){.hero__intro{align-items:flex-start;gap:.1rem}}.hero__intro span:first-of-type{font-size:calc(var(--fs-400))}@media screen and (min-width:700px){.hero__intro span:first-of-type{font-size:calc(var(--fs-400) + .5rem)}}.hero__intro span:last-of-type{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#ff17e4,#86fbfb);-webkit-background-clip:text}.hero__portrait{align-self:center;animation:toFront 1.75s ease-out both}.hero__avatar{clip-path:circle(47%);display:block;height:60vmin;margin:1rem auto}@media (min-width:550px){.hero__avatar{height:25vmin}}.hero__bio{grid-gap:2rem 2rem;animation-name:toLeft;display:grid}@media screen and (min-width:550px){.hero__bio{grid-gap:1rem 1rem;display:grid;grid-template-rows:.5fr 1fr}}.about__bio{align-self:flex-start;display:none;font-size:var(--fs-100);gap:1.5rem}@media screen and (min-width:750px){.about__bio{text-align:center}}.about__buttons{align-self:center;display:flex;flex-direction:column;font-size:var(--fs-100);gap:.5rem;text-align:center}.buttons-wrapper{align-items:center;display:flex;gap:2rem;justify-content:center}.buttons-wrapper span{font-size:calc(var(--fs-100) - .1rem)}.about__button{background-color:transparent;border:1px solid var(--color-accent-200);border-radius:50vmin;cursor:pointer;padding:.5rem}.about__button--active,.about__button:hover{background-color:var(--color-accent-200);border:1px solid var(--color-accent-200)}.about__bio--active{animation:toFront .35s ease-in both;display:flex;flex-direction:column;gap:1.5rem;text-align:left}@media screen and (min-width:750px){.about__bio--active{text-align:center}}.section-projects{gap:2rem}.projects-wrapper{grid-gap:2rem 5rem;display:grid}@media screen and (min-width:750px){.projects-wrapper{grid-gap:0 2rem;grid-template-columns:1fr 1fr;grid-template-rows:repeat(8,auto)}}.project{background-color:var(--color-primary-100);border:1px solid rgba(183,205,210,.9);border-radius:.5rem;display:grid;grid-template-rows:15rem auto auto;overflow:hidden;transition:all .2s ease-in}@media screen and (min-width:750px){.project:first-of-type{grid-area:1/1/4/2}.project:nth-of-type(2){grid-area:3/2/6/3}.project:nth-of-type(3){grid-area:5/1/8/2}.project:nth-of-type(4){grid-area:7/2/10/3}.project:nth-of-type(5){grid-area:9/1/12/2}.project:nth-of-type(6){grid-area:11/2/14/3}}.image-wrapper{display:block;overflow:hidden}.project__image{height:100%;object-fit:cover;object-position:center;width:100%}.project:hover{transform:scale(1.055)}.project__cta{align-items:center;display:flex;justify-content:space-evenly}.project__content{display:flex;flex-direction:column;font-size:var(--fs-100);gap:.75rem;line-height:1.5;padding:1rem}.project__footer,.project__heading{font-weight:var(--fw-extra-bold)}.project__icon{color:var(--color-primary-700);font-size:2rem;padding:1rem 2rem}.project__icon:hover{color:var(--color-primary-900);transform:scale(1.6);transition:all .1s ease-in}.section-form{padding:4rem 0}.section-form .section__heading{color:var(--color-neutral-100)}.section-form__description{color:var(--color-primary-200);font-size:var(--fs-100);padding:0 1rem;text-align:center}@media screen and (min-width:550px){.section-form__description{padding:0}}.section-form__description:nth-of-type(2){line-height:1.7}.section-form__description span{color:var(--color-primary-100);font-weight:var(--fw-bold)}.footer{border-top:1px solid var(--color-primary-700);padding:1rem 0}.footer section{color:var(--color-primary-100);font-size:var(--fs-100);gap:.5rem;justify-content:center;padding:0 1rem}@media screen and (min-width:550px){.footer section{justify-content:space-between}}.footer p:first-child{color:var(--color-primary-200);font-size:var(--fs-100);text-transform:uppercase}@media screen and (min-width:550px){.footer p:first-child{text-transform:uppercase}}