.contact-info{gap:var(--spacing-300);display:flex}.footer{padding:var(--spacing-300) 0}.footer-copyright-text{padding:0}.footer-content{align-items:center;gap:var(--spacing-400);display:flex}.footer-content svg{width:2rem;min-width:2rem;height:2rem}@media (width>=48rem){.footer-content svg{width:2.5rem;min-width:2.5rem;height:2.5rem}}.navigation-list{display:flex}.navigation-item{padding-left:var(--spacing-300)}.text-logo{font-size:2.125rem;line-height:1}.logo-container{max-width:12rem}@media (width>=48rem){.text-logo{font-size:2.9rem}}@media (width>=26.375rem){.dev-text:before{content:"> "}.logo-container{max-width:none}}.sub-logo-text{padding-top:var(--spacing-100);line-height:1.2}.header-container{margin-bottom:var(--spacing-300);margin-top:var(--spacing-300);justify-content:space-between;display:flex}.nav-link{color:var(--clr-alternate);-webkit-text-decoration:inherit;text-decoration:inherit}.nav-link-active{color:var(--clr-grey);text-underline-offset:.5rem;text-decoration:underline}.main{margin-block:var(--spacing-300)}.picture-background{mix-blend-mode:soft-light;z-index:-1;position:fixed;inset:0;overflow:hidden}.image-background{-o-object-fit:cover;object-fit:cover;min-width:100%;min-height:100%}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/fonts/roboto-mono-v22-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:700;src:url(/fonts/roboto-mono-v22-latin-700.woff2)format("woff2")}*,:after,:before{box-sizing:border-box}*{font:inherit;margin:0;padding:0}ol,ul{list-style:none}html:focus-within{scroll-behavior:smooth}body,html{height:100%}body{text-rendering:optimizespeed;line-height:1.5}a{color:inherit}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--clr-primary:#d68fbc;--clr-secondary:#54a1c4;--clr-alternate:#925d7e;--clr-grey:#aed6fa;--clr-bright:azure;--clr-dark:#0f1024;--clr-dark-red:#1d0d21;--ff-primary:"Roboto Mono","Helvetica","Arial","sans-serif";--ff-body:var(--ff-primary);--ff-heading:var(--ff-primary);--fw-regular:400;--fw-bold:700;--fs-300:.775rem;--fs-400:1rem;--fs-450:1.125rem;--fs-500:1.375rem;--fs-600:1.875rem;--fs-700:2.5rem;--fs-800:3rem;--fs-900:3.5rem;--fs-body:var(--fs-400);--fs-primary-heading:var(--fs-600);--fs-secondary-heading:var(--fs-500);--fs-third-heading:var(--fs-450);--fs-nav:var(--fs-500);--fs-button:var(--fs-400);--spacing-100:.375rem;--spacing-200:.5rem;--spacing-300:1rem;--spacing-400:1.5rem;--spacing-500:2rem;--spacing-600:3rem;--spacing-700:4rem;--spacing-800:5rem;--transition-duration:.3s;--border-radius:var(--spacing-200)}@media (width>=48rem){:root{--fs-body:var(--fs-450);--fs-primary-heading:var(--fs-700);--fs-secondary-heading:var(--fs-600);--fs-third-heading:var(--fs-500);--fs-button:var(--fs-450);--fs-nav:var(--fs-300)}}body{background-color:var(--clr-dark);color:var(--clr-grey);font-family:var(--ff-primary);grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}body,li,ul{font-size:var(--fs-body)}p{padding-block:var(--spacing-100)}h2{color:var(--clr-primary);font-size:var(--fs-secondary-heading)}h2,h3{margin-bottom:var(--spacing-200)}h3{color:var(--clr-secondary);font-size:var(--fs-third-heading)}a{color:var(--clr-primary);transition:var(--transition-duration) ease-out;text-decoration:none}a:hover{color:var(--clr-primary);text-shadow:0 0 8px var(--clr-grey)}.container{--max-width:48rem;--spacing-size:1.5rem;width:min(var(--max-width),100% - (var(--spacing-size) * 2));margin-inline:auto}@media (width>=48rem){.container{--max-width:87.5rem}}.center{justify-content:center;align-items:center;height:100%;display:flex}.center-text{text-align:center}.text-primary{color:var(--clr-primary)}.text-alternate{color:var(--clr-alternate)}.text-secondary{color:var(--clr-secondary)}.text-large{font-size:var(--fs-primary-heading)}.text-medium{font-size:var(--fs-secondary-heading)}.text-normal{font-size:var(--fs-400)}.text-small{font-size:var(--fs-300)}