.header__container,.content__container,.footer__container{width:min(100% - 2rem,1200px);margin-inline:auto}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:is(img,picture,video,canvas,svg){max-width:100%}:is(input,button,textarea,select){font:inherit}:is(a,a:hover){padding:1pt;text-decoration:none}:is(ul,ol){list-style:none}:is(h1,h2,h3,h4,h5,h6){font-size:1em;font-weight:400}:is(button,input[type=submit],input[type=reset],input[type=button]){padding:3px 10px;border:0;background:none;border-radius:5px;color:inherit;cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}:root{--clr-primary-base: 225, 50%;--clr-primary-darker: hsl(var(--clr-primary-base), 8%);--clr-primary-dark: hsl(var(--clr-primary-base), 18%);--clr-primary: hsl(var(--clr-primary-base), 23%);--clr-primary-light: hsl(var(--clr-primary-base), 33%);--clr-primary-lighter: hsl(var(--clr-primary-base), 43%);--clr-secondary: #FFFAEF;--clr-accent: #FFB70B;--clr-white: #FFF;--clr-gray-light: #EEE;--clr-gray: #CCC;--clr-gray-dark: #333;--clr-black: #2a2a2a;--clr-header-blur: #FFFAEFCC;--clr-menu-blur: #FFFE;--clr-error: #D81616;--clr-success: #008000}::selection{background:var(--clr-accent);color:var(--clr-primary-darker)}body{font-family:Inter,sans-serif;font-size:1.125rem;color:var(--clr-black);line-height:1.5;isolation:isolate}.header{position:fixed;inset:0 0 auto;z-index:1;padding-block:1rem;transition:175ms}.header.blur{backdrop-filter:blur(.25rem);padding-block:.5rem;background:var(--clr-header-blur)}.header__container{display:flex;justify-content:space-between;align-items:center;gap:1rem}.header__actions{display:flex;gap:1rem;align-items:center}.header__logo{width:100px}.header__nav ul{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.header__nav ul a{font-size:1.125rem;color:var(--clr-primary)}.header__nav ul a:hover,.header__nav ul a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--clr-accent);text-decoration-thickness:.2ch}.content{padding-block:50px;background:var(--clr-white)}.content__section{padding-block:5rem}.footer{position:sticky;bottom:0;left:0;right:0;z-index:-1;color:#fff;text-align:center;background-color:var(--clr-primary)}.footer__container{display:flex;justify-content:space-between;align-items:center;padding-block:1rem}.footer__nav ul{display:flex;justify-content:center;align-items:center;gap:2rem}.footer__nav ul a{font-size:1.125rem;color:var(--clr-white)}.footer__nav ul a:hover,.footer__nav ul a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--clr-accent);text-decoration-thickness:.2ch}.footer__copyright{padding:.25rem;font-size:1rem;background-color:var(--clr-primary-darker)}.footer__name{display:inline-block}.heading{padding-bottom:.5rem;font-family:Sora,sans-serif;font-size:2.5rem;font-weight:600;color:var(--clr-primary)}.subheading{display:block;padding-bottom:1rem;font-family:Inter,sans-serif;font-size:1.375rem;color:var(--clr-gray-dark)}.grid{display:grid;gap:2rem}.card{border-radius:5px;outline:1pt solid var(--clr-gray-light);overflow:clip}.card>a{padding:0}.card__picture{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:top left;box-shadow:0 5px 0 0 var(--clr-accent)}.card__content{padding:1rem}.card__title-container{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.card__title-container a{color:var(--clr-primary)}.card__title{font-family:Sora,sans-serif;font-size:1.375rem;font-weight:600;color:var(--clr-primary)}.card__tags{display:flex;gap:.5rem}.card__tags li{padding:.25rem .5rem;font-size:.875rem;border-radius:100vmax;background:var(--clr-secondary);outline:1pt solid var(--clr-accent)}.card__link{display:flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--clr-primary)}.card__link:hover{text-decoration:underline;text-decoration-color:var(--clr-accent);text-decoration-thickness:.2ch}.about__picture{width:100%;height:auto;aspect-ratio:1/1.1;object-fit:cover;border-radius:1px;box-shadow:0 5px 0 0 var(--clr-accent)}.content__section--hero{height:100dvh;background:url(/_astro/background.B85YTnqH.png);background-size:cover;background-repeat:no-repeat;background-position:bottom}.content__section--hero .heading{font-size:2.5rem}.content__section--hero .subheading{font-size:2rem}.content__section--hero>.grid{padding-top:5vw}.contact__social{margin-top:1rem}.contact__social ul{display:flex;gap:2rem}.contact__social ul a{color:var(--clr-primary)}@media (width > 50rem){.header__nav ul{gap:2rem}.content{min-height:100vh;min-height:100lvh}.content__section--hero .grid,#contact .grid{grid-template-columns:1fr 500px}#projects .grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}#about .grid{grid-template-columns:1fr 350px}}@media (width <= 50rem){.header__nav{display:none}.header__actions{justify-content:flex-end}#header__menu-btn{--size: 30px;width:var(--size);height:var(--size);display:block;position:relative}#header__menu-btn span{position:absolute;left:10%;display:block;width:80%;height:2px;background-color:var(--clr-primary);transition:175ms}#header__menu-btn span.top{top:30%}#header__menu-btn span.middle{top:50%}#header__menu-btn span.bottom{top:70%}#header__menu-btn[aria-expanded=true] span.top{transform:rotate(45deg);top:50%}#header__menu-btn[aria-expanded=true] span.middle{opacity:0}#header__menu-btn[aria-expanded=true] span.bottom{transform:rotate(-45deg);top:50%}.header__nav{display:block;position:absolute;top:100%;left:0;right:0;z-index:-1;background-color:var(--clr-menu-blur);backdrop-filter:blur(.25rem);transform:translateY(-100%);opacity:0;overflow:hidden;transition-property:transform,opacity;transition-duration:.35s}.header__nav ul{padding-block:.5rem;width:100%;flex-direction:column}.header__nav li{display:block;width:100%}.header__nav li:not(:last-child){border-bottom:1pt solid var(--clr-gray)}.header__nav a{display:block;padding-block:1rem;text-align:center}.header__nav[aria-expanded=true]{transform:translateY(0);opacity:1}.footer__container{flex-direction:column;gap:2rem}.footer__nav:not(:last-child) ul{flex-direction:column;gap:.5rem}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border-width:0!important}.highlight{font-style:normal;text-decoration:underline!important;text-decoration-color:var(--clr-accent)!important;text-decoration-thickness:.2ch!important}@media (width <= 50rem){.desktop-only{display:none!important}}@media (width > 50rem){.mobile-only{display:none!important}}.form{padding:1rem;border-radius:5px;outline:1pt solid var(--clr-gray-light)}.form fieldset{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;border:0}.form fieldset label{flex-basis:200px;flex-shrink:1;flex-grow:1}.form fieldset label span{color:var(--clr-primary)}.form fieldset label input,.form fieldset label textarea,.form fieldset label select{display:block;margin-top:.5rem;padding:1px 5px;width:100%;border:0;border-radius:2px;outline:1pt solid var(--clr-gray)}.form fieldset label input:focus-visible,.form fieldset label textarea:focus-visible,.form fieldset label select:focus-visible{outline:2pt solid var(--clr-accent)}.form fieldset label textarea{resize:vertical;height:10ch;min-height:5ch;max-height:15ch}.form .form-status{font-size:1rem;text-align:center}.form .form-status.success{color:var(--clr-success)}.form .form-status.error{color:var(--clr-error)}.form input[type=submit]{display:block;width:100%;color:var(--clr-primary);background:var(--clr-accent)}