:root{--clr-primary:#4ee1a0;--clr-error:#ff6f5b;--clr-black:#151515;--clr-gray-dark:#242424;--clr-gray-light:#d9d9d9;--clr-white:#fff;--header-bg-start:url(/fem-single-page-portfolio/static/media/pattern-rings.e62a24d55bee668faa1f.svg);--header-bg-end:url(/fem-single-page-portfolio/static/media/pattern-circle.0e9ea7e2d6255d388d67.svg);--ff-primary:"Space Grotesk",sans-serif;--heading-xl:normal normal 700 5.5rem/5.5rem var(--ff-primary);--heading-l:normal normal 700 3rem/3.5rem var(--ff-primary);--heading-m:normal normal 700 1.5rem/2rem var(--ff-primary);--body:normal normal 400 1.125rem/1.75rem var(--ff-primary);--max-width:69.375rem;--overlay-bg:#151515bf;--box-shadow:0 0 0.9375rem #4ee1a080;--box-shadow-error:0 0 0.9375rem #ff6f5b80;--placeholder:#ffffff80;--placeholder-hover:#4ee1a0a6;--input-outline:#4ee1a040;--input-outline-error:#ff6f5b40;--transition:all 0.3s ease-in-out}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-style:normal;font-weight:400;scroll-behavior:smooth}body,html{background-color:#151515;background-color:var(--clr-black);box-sizing:border-box;color:#fff;color:var(--clr-white);font-family:Space Grotesk,sans-serif;font-family:var(--ff-primary)}body,main{overflow-x:hidden;position:relative}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:.0625rem;overflow:hidden;position:absolute;white-space:nowrap;width:.0625rem}img{display:block;height:auto;max-width:100%}.btn{--webkit-appearance:none;align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:0;cursor:pointer;display:inline-flex;justify-content:center;margin:0;padding:0}@media(prefers-reduced-motion:no-preference){.btn{transition:all .3s ease-in-out;transition:var(--transition)}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.btn-primary{-webkit-padding-after:.625rem;border-bottom:.125rem solid #4ee1a0;border-bottom:.125rem solid var(--clr-primary);color:#fff;color:var(--clr-white);font-size:1rem;letter-spacing:.143125rem;line-height:1.625rem;padding-block-end:.625rem;text-decoration:none;text-transform:uppercase}.btn-primary:focus,.btn-primary:hover{color:#4ee1a0;color:var(--clr-primary)}.btn-primary:focus{border-bottom-color:#4ee1a0;border-bottom-color:var(--clr-primary);box-shadow:0 0 .9375rem #4ee1a080;box-shadow:var(--box-shadow);outline:.0625rem solid #4ee1a040;outline:.0625rem solid var(--input-outline)}.btn-toast{background:#0000;border:none;color:#242424;color:var(--clr-gray-dark);padding:.3125rem;position:absolute;right:.3125rem;top:.3125rem}.btn-toast svg path{fill:#242424;fill:var(--clr-gray-dark)}.contact{background-color:#242424;background-color:var(--clr-gray-dark);margin-inline:auto;overflow-x:hidden;padding-block:clamp(3.75rem,10vh,7.5rem);padding-inline:clamp(1rem,4vw,2rem);position:relative}.contact:before{background-image:url(/fem-single-page-portfolio/static/media/pattern-rings.e62a24d55bee668faa1f.svg);background-image:var(--header-bg-start);content:"";display:block;height:8.0625rem;left:-21.25rem;position:absolute;top:27.25rem;width:33.125rem}@media(min-width:48em){.contact{-webkit-padding-after:clamp(1.25rem,5vh,2.5rem);padding-block-end:clamp(1.25rem,5vh,2.5rem);padding-inline:clamp(1.875rem,6vw,4rem)}.contact:before{top:34.1875rem}}@media(min-width:64em){.contact:before{top:20.3125rem}}.contact .social{-webkit-margin-before:clamp(2.5rem,8vh,5rem);margin-block-start:clamp(2.5rem,8vh,5rem);margin-inline:auto;max-width:69.375rem;max-width:var(--max-width)}.contact__wrapper{display:flex;flex-direction:column;gap:3.125rem;width:100%}@media(min-width:48em){.contact__wrapper{margin-inline:auto;max-width:27.8125rem}}@media(min-width:64em){.contact__wrapper{align-items:flex-start;flex-direction:row;gap:13.75rem;justify-content:space-between;max-width:69.375rem;max-width:var(--max-width)}}.contact__wrapper>div,.contact__wrapper>form{flex:1 1 50%}.contact hr{margin-inline:auto;max-width:69.375rem;max-width:var(--max-width)}.contact__header{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;text-align:center}.contact__header h2{font-size:2.5rem;letter-spacing:-.07125rem;line-height:2.5rem}.contact__header p{font-size:1rem;line-height:1.625rem}@media(min-width:48em){.contact__header{align-items:flex-start;text-align:left}.contact__header h2{font-size:4.5rem;letter-spacing:-.128125rem;line-height:4.5rem}.contact__header p{font:normal normal 400 1.125rem/1.75rem Space Grotesk,sans-serif;font:var(--body)}}@media(min-width:64em){.contact__header h2{font:normal normal 700 5.5rem/5.5rem Space Grotesk,sans-serif;font:var(--heading-xl);letter-spacing:-.15625rem}}.contact__form{-webkit-margin-after:5.4375rem;display:flex;flex-direction:column;gap:2rem;margin-block-end:5.4375rem;position:relative}.contact__form .btn{align-self:flex-end}.contact__form-fieldset{border:none;display:flex;flex-direction:column;gap:2rem;margin:0;padding:0}.contact__form-group{position:relative}.contact__form-group.is-invalid-input input,.contact__form-group.is-invalid-input textarea{border-bottom-color:#ff6f5b;border-bottom-color:var(--clr-error);box-shadow:0 0 .9375rem #ff6f5b80;box-shadow:var(--box-shadow-error);outline:.0625rem solid #ff6f5b40;outline:.0625rem solid var(--input-outline-error)}.contact__form-group.is-invalid-input input::placeholder,.contact__form-group.is-invalid-input textarea::placeholder{color:#ff6f5b;color:var(--clr-error)}@media(min-width:48em){.contact__form{-webkit-margin-after:clamp(3.75rem,12vh,5.75rem);margin-block-end:clamp(3.75rem,12vh,5.75rem)}}.success-toast{display:flex;flex-direction:column;gap:1.5rem;padding:clamp(1rem,2vw,1.5rem);position:relative;text-align:center}input,textarea{--webkit-appearance:none;align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:none;border-bottom:.0625rem solid #fff;border-bottom:.0625rem solid var(--clr-white);border-radius:0;display:flex;font-family:inherit;font-size:1rem;letter-spacing:-.01375rem;line-height:1.625rem;padding-inline:1.5rem;width:100%}@media(prefers-reduced-motion:no-preference){input,textarea{transition:all .3s ease-in-out;transition:var(--transition)}}@media(prefers-reduced-motion:reduce){input,textarea{transition:none}}input,textarea{color:#fff;color:var(--clr-white)}input::placeholder,textarea::placeholder{color:#ffffff80;color:var(--placeholder)}@media(prefers-reduced-motion:no-preference){input::placeholder,textarea::placeholder{transition:all .3s ease-in-out;transition:var(--transition)}}@media(prefers-reduced-motion:reduce){input::placeholder,textarea::placeholder{transition:none}}input:hover,textarea:hover{border-bottom-color:#4ee1a0;border-bottom-color:var(--clr-primary)}input:hover::placeholder,textarea:hover::placeholder{color:#4ee1a0a6;color:var(--placeholder-hover)}input:focus,textarea:focus{border-bottom-color:#4ee1a0;border-bottom-color:var(--clr-primary);box-shadow:0 0 .9375rem #4ee1a080;box-shadow:var(--box-shadow);outline:.0625rem solid #4ee1a040;outline:.0625rem solid var(--input-outline)}input{height:2.6875rem}textarea{height:6.6875rem}.is-invalid{-webkit-margin-before:.3125rem;color:#ff6f5b;color:var(--clr-error);display:block;font-size:.75rem;letter-spacing:-.010625rem;line-height:1rem;margin-block-start:.3125rem;position:absolute;right:0}.is-invalid.icon{fill:#ff6f5b;fill:var(--clr-error);height:1.5rem;top:50%;transform:translateY(-50%);width:1.5rem}.hero br{display:none}.hero .social{left:0;position:absolute;right:0;top:0}@media(min-width:64em){.hero .social{-webkit-padding-end:1.875rem;padding-inline-end:1.875rem}}.hero{-webkit-padding-after:clamp(5rem,10vw,8.75rem);display:flex;flex-direction:column;gap:2.5rem;margin-inline:auto;max-width:69.375rem;max-width:var(--max-width);overflow-x:hidden;padding-block-end:clamp(5rem,10vw,8.75rem);padding-inline:clamp(1rem,4vw,2rem);position:relative;width:100%}.hero:after,.hero:before{content:"";display:block;position:absolute}.hero:before{background-image:url(/fem-single-page-portfolio/static/media/pattern-rings.e62a24d55bee668faa1f.svg);background-image:var(--header-bg-start);height:8.0625rem;left:-21.25rem;top:7.75rem;width:33.125rem}.hero:after{background-image:url(/fem-single-page-portfolio/static/media/pattern-circle.0e9ea7e2d6255d388d67.svg);background-image:var(--header-bg-end);height:8.0625rem;right:-4.0625rem;top:15.875rem;width:8.0625rem}.hero__text{align-items:center;display:flex;flex-direction:column;font-size:1rem;gap:1.5rem;justify-content:center;letter-spacing:normal;line-height:1.625rem;text-align:center}.hero__text h1{font-size:2.5rem;letter-spacing:-.07125rem;line-height:2.5rem}.hero__text h1 span{border-bottom:.25rem solid #4ee1a0;border-bottom:.25rem solid var(--clr-primary)}@media(min-width:48em){.hero br{display:block}.hero{-webkit-padding-after:3.75rem;flex-direction:row;height:41.25rem;padding-block-end:3.75rem}.hero:before{top:5.375rem;transform:translateY(0)}.hero:after{top:29.25rem}.hero__text{align-items:flex-start;font:normal normal 400 1.125rem/1.75rem Space Grotesk,sans-serif;font:var(--body);gap:0;justify-content:flex-end;text-align:left;width:27.8125rem;z-index:100}.hero__text h1{-webkit-margin-after:clamp(3.75rem,8vw,5rem);font-size:4.5rem;letter-spacing:-.128125rem;line-height:4.5rem;margin-block-end:clamp(3.75rem,8vw,5rem)}.hero__text h1 span{border-width:.375rem}.hero__text p{-webkit-margin-after:clamp(2rem,4vw,3rem);margin-block-end:clamp(2rem,4vw,3rem)}}@media(min-width:64em){.hero br{display:none}.hero{-webkit-margin-after:clamp(4rem,10vw,5rem);align-items:center;gap:0;height:45rem;margin-block-end:clamp(4rem,10vw,5rem);overflow:visible;padding:0}.hero:before{top:8.3125rem}.hero:after{right:24rem;top:32.5625rem}.hero__text{width:100%}.hero__text h1{font:normal normal 700 5.5rem/5.5rem Space Grotesk,sans-serif;font:var(--heading-xl);width:45rem}.hero__text p{width:27.8125rem}}.profile{display:block;margin-inline:auto;position:relative;width:10.875rem}@media(min-width:48em){.profile{position:absolute;right:0;top:0;width:20.125rem}}@media(min-width:64em){.profile{width:27.8125rem}}.projects__wrapper{-webkit-padding-after:clamp(5rem,10vw,8.75rem);display:flex;flex-direction:column;gap:2.5rem;padding-block-end:clamp(5rem,10vw,8.75rem);padding-inline:clamp(1rem,4vw,2rem)}@media(min-width:48em){.projects__wrapper{-webkit-padding-after:clamp(6.25rem,12vw,7.5rem);gap:3.75rem;padding-block-end:clamp(6.25rem,12vw,7.5rem);padding-inline:clamp(1.875rem,4vw,3.75rem)}}@media(min-width:64em){.projects__wrapper{-webkit-padding-before:clamp(6.25rem,14vw,8.75rem);-webkit-padding-after:clamp(8.75rem,16vw,11.25rem);margin-inline:auto;max-width:69.375rem;max-width:var(--max-width);padding:0;padding-block-end:clamp(8.75rem,16vw,11.25rem);padding-block-start:clamp(6.25rem,14vw,8.75rem)}}.projects__header{align-items:center;display:flex;justify-content:space-between}.projects__header h2{font-size:2.5rem;letter-spacing:-.07125rem;line-height:2.5rem}@media(min-width:48em){.projects__header h2{font-size:4.5rem;letter-spacing:-.128125rem;line-height:4.5rem}}@media(min-width:64em){.projects__header h2{font:normal normal 700 5.5rem/5.5rem Space Grotesk,sans-serif;font:var(--heading-xl)}}.projects__body{display:flex;flex-direction:column;gap:2.5rem}@media(min-width:48em){.projects__body{grid-column-gap:1.375rem;grid-row-gap:3.75rem;grid-column-gap:1.875rem;grid-row-gap:4.3125rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}}.project{display:flex;flex-direction:column;gap:1.25rem;position:relative}.project__image .project__buttons-overlay{display:none}.project__info{display:flex;flex-direction:column;gap:.4375rem}.project__info h3{font:normal normal 700 1.5rem/2rem Space Grotesk,sans-serif;font:var(--heading-m)}.project__tools{align-items:center;display:flex;font:normal normal 400 1.125rem/1.75rem Space Grotesk,sans-serif;font:var(--body);gap:1.125rem;list-style:none;margin:0;padding:0;text-transform:uppercase}.project__buttons-overlay{display:none}.project__buttons{align-items:center;display:flex;gap:1.875rem}@media(min-width:48em){.project{min-width:21.375rem}}@media(min-width:64em){.project__image{cursor:pointer;position:relative}.project__image .project__buttons-overlay{align-items:center;bottom:0;display:flex;flex-direction:column;gap:3rem;justify-content:center;opacity:0;position:absolute;top:0;width:100%;z-index:20}}@media(min-width:64em)and (prefers-reduced-motion:no-preference){.project__image .project__buttons-overlay{transition:all .3s ease-in-out;transition:var(--transition)}}@media(min-width:64em)and (prefers-reduced-motion:reduce){.project__image .project__buttons-overlay{transition:none}}@media(min-width:64em){.project__image:before{background:#151515bf;background:var(--overlay-bg);content:"";display:block;height:100%;opacity:0;position:absolute;width:100%}}@media(min-width:64em)and (prefers-reduced-motion:no-preference){.project__image:before{transition:all .3s ease-in-out;transition:var(--transition)}}@media(min-width:64em)and (prefers-reduced-motion:reduce){.project__image:before{transition:none}}@media(min-width:64em){.project__image:focus .project__buttons-overlay,.project__image:focus-within .project__buttons-overlay,.project__image:focus-within:before,.project__image:focus:before,.project__image:hover .project__buttons-overlay,.project__image:hover:before{opacity:1}.project__buttons{display:none}}.skills{-webkit-padding-after:clamp(5rem,10vw,8.75rem);margin-inline:auto;max-width:69.375rem;max-width:var(--max-width);overflow-x:hidden;padding-block-end:clamp(5rem,10vw,8.75rem);padding-inline:clamp(1rem,4vw,2rem);position:relative;width:100%}.skills:before{background:#fff;background:var(--clr-white);content:"";display:block;height:.0625rem}.skills__wrapper{display:flex;flex-direction:column;gap:1.5rem;overflow-x:hidden;padding-block:clamp(2.5rem,6vw,5rem)}.skills__wrapper:after{background-image:url(/fem-single-page-portfolio/static/media/pattern-rings.e62a24d55bee668faa1f.svg);background-image:var(--header-bg-start);bottom:.9375rem;content:"";display:block;height:8.0625rem;position:absolute;right:-21.25rem;width:33.125rem}@media(min-width:48em){.skills{padding-inline:clamp(1.875rem,4vw,3.75rem)}.skills hr{display:none}.skills__wrapper{-webkit-padding-before:clamp(3.25rem,8vw,6.25rem);grid-column-gap:2rem;grid-row-gap:3.25rem;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);padding-block-start:clamp(3.25rem,8vw,6.25rem)}.skills__wrapper:after{bottom:auto;right:-25rem;top:24.1875rem}}@media(min-width:64em){.skills{overflow:visible;padding:0}.skills__wrapper{grid-column-gap:0;grid-row-gap:3.625rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.skills__wrapper:after{bottom:auto;top:15.8125rem}}.skill{display:flex;flex-direction:column;gap:.0625rem;text-align:center}.skill-name{font-size:2rem;letter-spacing:-.0625rem;line-height:2.5rem;margin:0;padding:0}.skill-years{font-size:1rem;font-weight:400;line-height:1.625rem}@media(min-width:48em){.skill{gap:.875rem;text-align:left}.skill-name{font:normal normal 700 3rem/3.5rem Space Grotesk,sans-serif;font:var(--heading-l);letter-spacing:-.09375rem}.skill-years{font:normal normal 400 1.125rem/1.75rem Space Grotesk,sans-serif;font:var(--body)}}.social{-webkit-margin-before:1.25rem;align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:center;margin-block-start:1.25rem;width:100%}.social .username{font:normal normal 700 1.5rem/2rem Space Grotesk,sans-serif;font:normal normal 700 1.5rem/2rem var(--ff-primary);letter-spacing:-.020625rem;text-align:center}.social__links{align-items:center;display:flex;gap:1.625rem;justify-content:center;list-style-type:none}.social__links a{border-radius:50%}@media(prefers-reduced-motion:no-preference){.social__links a svg path{transition:all .3s ease-in-out;transition:var(--transition)}}@media(prefers-reduced-motion:reduce){.social__links a svg path{transition:none}}.social__links a:focus,.social__links a:hover{box-shadow:0 0 .9375rem #4ee1a080;box-shadow:var(--box-shadow);outline:.0625rem solid #4ee1a040;outline:.0625rem solid var(--input-outline)}.social__links a:focus svg path,.social__links a:hover svg path{fill:#4ee1a0;fill:var(--clr-primary)}@media(min-width:48em){.social{flex-direction:row;gap:0;justify-content:space-between;padding-inline:1.875rem;z-index:100}.social .username{font-size:2rem;letter-spacing:-.0275rem;text-align:left}.social__links{gap:2rem}}@media(min-width:64em){.social{-webkit-margin-before:2.5rem;margin-block-start:2.5rem;padding-inline:0}}
/*# sourceMappingURL=main.18520fd3.css.map*/