:root{--colour-background:#f0efeb;--colour-text:#20201e;--colour-text-light:#353531;--colour-accent-soft:#c2a3ad;--colour-accent-bold:#ac3960;--colour-navbar-background:#f0efebcc;--width-min:320px;--width-max:1800px;--header-height:clamp(5rem,7vw,10rem);--padding-x:clamp(2rem,3vw,4rem);--padding-y:clamp(2rem,3vw,4rem);--padding-skills:clamp(.5rem,1vw,1rem);--border-radius:.5rem;--border-width:.1rem;--border-style:solid;--border-color:var(--colour-text-light);--border:var(--border-width)var(--border-style)var(--border-color);--shadow:0 .5rem 1rem #0003;--shadow-hover:0 .5rem 1rem #0000004d;--shadow-active:0 .5rem 1rem #0006;--transition:all .2s ease-in-out;--font-family:"Work Sans",sans-serif;--font-size-small:clamp(1.25rem,2vw,2rem);--font-size-med:clamp(1.5rem,2.25vw,2.25rem);--font-size-large:clamp(2rem,3vw,4rem);--font-size-xlarge:clamp(3rem,4vw,5rem);--font-size-xxlarge:clamp(4rem,5vw,6rem);--font-size-hero:clamp(5.5rem,10vw,12rem);--font-weight-light:300;--font-weight-reg:400;--font-weight-medium:500;--font-hero:var(--font-weight-medium)var(--font-size-hero)var(--font-family);--font-logo--desktop:var(--font-weight-reg)var(--font-size-xlarge)var(--font-family);--font-logo--mobile:var(--font-weight-light)var(--font-size-xxlarge)var(--font-family);--font-links-desktop:var(--font-weight-medium)var(--font-size-large)var(--font-family);--font-links-mobile:var(--font-weight-medium)var(--font-size-xlarge)var(--font-family);--font-title-desktop:var(--font-weight-medium)var(--font-size-xlarge)var(--font-family);--font-title-mobile:var(--font-weight-medium)var(--font-size-xxlarge)var(--font-family);--font-subtitle-desktop:var(--font-weight-reg)var(--font-size-large)var(--font-family);--font-subtitle-mobile:var(--font-weight-reg)var(--font-size-xxlarge)var(--font-family);--font-skills-desktop:var(--font-weight-reg)var(--font-size-med)var(--font-family);--font-skills-mobile:var(--font-weight-reg)var(--font-size-large)var(--font-family);--font-description-desktop:var(--font-weight-reg)var(--font-size-small)var(--font-family);--font-description-mobile:var(--font-weight-reg)var(--font-size-large)var(--font-family);--iconSquare-width-desktop:clamp(.75rem,1.5vw,2.5rem);--iconSquare-height-desktop:clamp(.75rem,1.5vw,2.5rem);--iconSquare-width-mobile:clamp(1rem,2.5vw,3rem);--iconSquare-height-mobile:clamp(1rem,2.5vw,3rem);--iconSquare--boxShadow:clamp(.15rem,.4vw,.5rem)clamp(.15rem,.4vw,.5rem)clamp(.05rem,.2vw,.1rem)#00000080;--iconsTech-width-desktop:clamp(1.5rem,3.5vw,3.5rem);--iconsTech-height-desktop:clamp(1.5rem,3.5vw,3.5rem);--line-height:1.5;--letter-spacing:clamp(.1rem,.2vw,.2rem);--text-align:left;--text-transform:none;--text-decoration:none;--text-decoration-color:#20201e;--text-decoration-style:solid;--text-decoration-thickness:.1rem;--text-decoration:var(--text-decoration-style)var(--text-decoration-thickness)var(--text-decoration-color);--text:var(--font)var(--line-height)var(--letter-spacing)var(--text-align)var(--text-transform)var(--text-decoration);--z-index:1;--spacing-plus:clamp(2rem,4vw,5rem);--spacing-minus:max(-5vw,-7rem)}html{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-size:62.5%}*,:before,:after{box-sizing:inherit}body{font-family:var(--font-family);color:var(--colour-text);line-height:var(--line-height);text-align:var(--text-align);text-transform:var(--text-transform);-webkit-text-decoration:var(--text-decoration);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);-webkit-text-decoration-color:var(--text-decoration-color);-webkit-text-decoration-color:var(--text-decoration-color);text-decoration-color:var(--text-decoration-color);-webkit-text-decoration-style:var(--text-decoration-style);-webkit-text-decoration-style:var(--text-decoration-style);text-decoration-style:var(--text-decoration-style);text-decoration-thickness:var(--text-decoration-thickness);background-color:var(--colour-background)}li{list-style:none}a{-webkit-text-decoration:var(--text-decoration);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);color:inherit}a:hover{-webkit-text-decoration:var(--text-decoration);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);color:var(--colour-accent-bold)}@font-face{font-family:Work Sans;src:url(WorkSans-Light.20d795e6.ttf);font-weight:300;font-style:normal}@font-face{font-family:Work Sans;src:url(WorkSans-Regular.9198201c.ttf);font-weight:400;font-style:normal}@font-face{font-family:Work Sans;src:url(WorkSans-Medium.58f78191.ttf);font-weight:500;font-style:normal}.header{width:100%;height:var(--header-height);transition:transform .382s ease-in-out;position:fixed;top:0;left:0}.header--hidden{transform:translateY(-100%)}.navbar{padding:0 var(--padding-x);background:var(--colour-navbar-background);justify-content:space-between;align-items:center;display:flex}.navbar__logo{font:var(--font-logo--desktop);color:var(--colour-accent-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing);height:clamp(3rem,5vw,5rem);flex-direction:row;justify-content:center;align-items:center;display:flex}.navbar__logo-A{transform:rotate(180deg)}.navbar__links{justify-content:flex-end;align-items:center;column-gap:var(--spacing-plus);width:62%;flex-direction:row;margin-left:auto;display:flex}.navbar__links a{font:var(--font-links-desktop);color:var(--colour-text);text-transform:uppercase;letter-spacing:var(--letter-spacing)}.navbar__links a:hover{color:var(--colour-accent-bold)}.main{padding:var(--padding-y)var(--padding-x);margin-top:clamp(5rem,7vw,10rem)}.section__home{height:clamp(100vh - 10rem,90vh,100vh - 15rem)}.section__home__top{height:38%}.section__home__bottom{height:62%;flex-direction:column;justify-content:center;display:flex}.section__home__intro{font:var(--font-description-desktop);margin-bottom:var(--spacing-minus);color:var(--colour-text-light);font-size:clamp(1.6rem,2vw,3rem)}.section__home__name{font:var(--font-hero);width:100%;border-bottom:1px solid var(--colour-text);line-height:.69}.section__home__desc{font:var(--font-subtitle-desktop);margin-top:var(--spacing-minus);color:var(--colour-text-light)}.section__aboutSkills__container{grid-template:"about skills"1fr/62% 38%;display:grid}.section__about{width:100%;grid-area:about}.section__about__title{font:var(--font-title-desktop);letter-spacing:var(--letter-spacing);text-align:end;width:100%;margin-left:auto}.section__about__desc__container{padding-right:var(--padding-skills);text-align:justify;flex-direction:column;justify-content:center;display:flex}.section__about__desc__text{font:var(--font-description-desktop);line-height:var(--line-height);color:var(--colour-text-light)}.section__about__articleLink{color:var(--colour-accent-soft)}.section__skills{padding-top:var(--spacing-plus);width:100%;grid-area:skills}.section__skills__title{font:var(--font-title-desktop);letter-spacing:var(--letter-spacing);text-align:start;width:62%;margin-left:auto}.section__skills__container{padding-top:var(--spacing-plus);flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.section__skills__skill{grid-template-columns:38% 62%;grid-template-areas:"name icons";grid-template-rows:repeat(auto,1fr);width:100%;display:grid}.section__skills__skillName{font:var(--font-skills-desktop);text-align:end;padding-right:var(--padding-skills);color:var(--colour-text-light);border-right:1px solid var(--colour-accent-bold);grid-area:name}.section__skills__icons{padding:0px var(--padding-skills);flex-direction:row;grid-area:icons;justify-content:space-between;align-items:center;display:flex}.section__skills__icon--filled{width:var(--iconSquare-width-desktop);height:var(--iconSquare-height-desktop);background:var(--colour-accent-soft);box-shadow:var(--iconSquare--boxShadow)}.section__skills__icon--empty{width:var(--iconSquare-width-desktop);height:var(--iconSquare-height-desktop);background:var(--colour-background);border:1px solid var(--colour-accent-soft);box-shadow:var(--iconSquare--boxShadow)}.section__projects{width:100%;padding-top:var(--spacing-plus)}.section__projects__title{font:var(--font-title-desktop);letter-spacing:var(--letter-spacing);text-align:start;width:38%;margin-left:auto}.section__projects__container{width:100%;grid-template-columns:repeat(auto-fit,minmax(60rem,1fr));grid-template-rows:repeat(auto,1fr);grid-gap:var(--spacing-plus);color:var(--colour-text-light);display:grid}.section__projects__card{width:100%;flex-direction:column;justify-content:space-between;display:flex}.section__projects__card__top{flex-direction:column;justify-content:space-between;display:flex}.section__projects__card__top__title{font:var(--font-title-desktop);text-align:start;width:-moz-fit-content;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto}.section__projects__card__top__img{width:100%}.section__projects__card__top__img img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius)}.section__projects__card__bottom{height:clamp(30rem,30vh,40rem);flex-direction:column;justify-content:flex-start;display:flex}.section__projects__card__bottom__desc{font:var(--font-description-desktop);line-height:var(--line-height);font-size:var(--font-size-med)}.section__projects__card__bottom_icons{width:38%;flex-direction:row;justify-content:flex-end;align-items:center;column-gap:clamp(.25rem,1vw,.35rem);margin-right:auto;display:flex}.icons{width:var(--iconsTech-width-desktop);height:var(--iconsTech-height-desktop)}@media screen and (max-width:768px){.modal__container{top:var(--header-height);width:62%;height:38%;background:var(--colour-navbar-background);z-index:var(--z-index);justify-content:center;align-items:center;position:fixed;right:0}.modal__links{width:100%;height:100%;padding:0 var(--padding-x);flex-direction:column;justify-content:center;align-items:center;display:flex}.modal__link{font:var(--font-links-mobile);text-align:start;padding:var(--spacing-plus)0;color:var(--colour-text-light);width:62%;margin-left:auto;text-decoration:none}.navbar{height:100%;background:var(--colour-navbar-background);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.navbar__logo{font:var(--font-logo--mobile);color:var(--colour-accent-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing);height:clamp(3rem,5vw,5rem);flex-direction:row;justify-content:center;align-items:center;display:flex}.navbar__links{display:none}.navbar__burger{width:3.5rem;height:3.5rem;display:block}.navbar__burger:hover{cursor:pointer}.navbar__burger__line{width:100%;height:.4rem;border-radius:var(--border-radius);background:var(--colour-text-light);margin:.6rem 0}.navbar__burger__x{font-size:var(--font-size-xxlarge);color:var(--colour-text-light);padding-bottom:.25rem}.section__home__intro{font:var(--font-subtitle-mobile);margin-bottom:var(--spacing-minus);font-size:clamp(1.6rem,2vw,3rem)}.section__home__name{font:var(--font-hero);width:100%;border-bottom:1px solid var(--colour-text);line-height:.69}.section__home__desc{font:var(--font-description-mobile);margin-top:var(--spacing-minus)}.section__aboutSkills__container{flex-direction:column;justify-content:center;align-items:center;display:flex}.section__about{padding-top:var(--padding-y);padding-bottom:var(--padding-y)}.section__about__title{font:var(--font-title-mobile);letter-spacing:var(--letter-spacing);width:62%;text-align:start;margin-left:auto}.section__about__desc__container{flex-direction:column;justify-content:center;align-items:center;display:flex}.section__about__desc__text{font:var(--font-description-mobile);line-height:var(--line-height)}.section__about__articleLink{color:var(--colour-accent-soft)}.section__skills__title{font:var(--font-title-mobile);letter-spacing:var(--letter-spacing);width:62%;text-align:start;padding-bottom:var(--spacing-plus);margin-left:auto}.section__skills__container{padding-top:var(--spacing-plus);flex-direction:column;justify-content:center;align-items:start;display:flex}.section__skills__skill{grid-template-columns:38% 62%;grid-template-areas:"name icons";grid-template-rows:repeat(auto,1fr);font:var(--font-skills-mobile);width:100%;display:grid}.section__skills__skillName{font:var(--font-reg);text-align:end;padding-right:var(--spacing-plus);border-right:1px solid var(--colour-accent-bold);grid-area:name}.section__skills__icons{flex-direction:row;grid-area:icons;justify-content:flex-start;align-items:center;column-gap:clamp(.5rem,1vw,.75rem);display:flex}.section__skills__icon--filled{width:var(--iconSquare-width-mobile);height:var(--iconSquare-height-mobile);background:var(--colour-accent-soft);box-shadow:var(--iconSquare--boxShadow)}.section__skills__icon--empty{width:var(--iconSquare-width-mobile);height:var(--iconSquare-height-mobile);background:var(--colour-background);border:1px solid var(--colour-accent-soft);box-shadow:var(--iconSquare--boxShadow)}.section__projects__container{flex-direction:column;display:flex}.section__projects__title{font:var(--font-title-mobile);letter-spacing:var(--letter-spacing);width:62%;text-align:start;margin-left:auto}.section__projects__card{border-bottom:var(--border);flex-direction:column;justify-content:center;display:flex}.section__projects__card__top{flex-direction:column;justify-content:center;display:flex}.section__projects__card__top__title{width:62%;text-align:start;font:var(--font-subtitle-mobile);height:-moz-fit-content;height:-moz-fit-content;height:fit-content;margin-left:auto}.section__projects__card__top__img{justify-content:center;align-items:center;display:flex}.section__projects__card__top__img img{width:100%;border-radius:var(--border-radius)}.section__projects__card__bottom{padding-top:var(--spacing-plus);flex-direction:column;justify-content:center;display:flex}.section__projects__card__bottom__desc{font:var(--font-description-mobile);line-height:var(--line-height)}.section__projects__card__bottom_icons{width:38%;padding-bottom:var(--spacing-plus);flex-direction:row;justify-content:flex-end;align-items:center;column-gap:clamp(.5rem,2vw,2rem);margin-right:auto;display:flex}}@media screen and (min-width:1024px){.section__about__desc__text{font-size:var(--font-size-small)}.section__projects__title{font:var(--font-title-mobile);letter-spacing:var(--letter-spacing);width:38%;text-align:start;margin-left:auto}.section__projects__card__top__title{height:clamp(10rem,10vw,12rem)}}@media screen and (min-width:1440px){.section__about__title{text-align:start;width:62%;margin-left:auto}.section__about__desc__text{font-size:var(--font-size-med)}.section__projects__card__top__title{height:clamp(10rem,10vw,12rem)}}
/*# sourceMappingURL=index.d5d0617b.css.map */