:root{--primary-color:#2b273d;--secondary-color:#2b2a2a;--light-blue:#606b9d;--light-gray:#e9e8e8;--med-gray:#313030;--font-gray:#545353;--background-color:#fff;--background-color-dark:var(--primary-color);--background-color-light:var(--ligh-gray);--background-color-medium:var(--med-gray);--header-section-padding:.5em 1em;--double-border:20px double var(--light-blue);--images-rounded:20px;--h1-size:clamp(2rem, 5vw, 3rem);--footer-font:clamp(1rem, 5vw, 1.2rem);--body-size:clamp(1rem, 5vw, 1.2rem);--font:sans-serif;--heading-font:"Montserrat", Arial, sans-serif;--body-font:"Open Sans", Arial, sans-serif;--media-min:600px}body{font-family:var(--body-font);background:var(--background-color);margin:0}main{z-index:1;background:var(--background-color);font-size:var(--body-size);font-family:var(--body-font);position:relative}section{padding:2em 0}.border-bottom{border-bottom:var(--double-border)}.center{text-align:center}img{max-width:100%;height:auto;display:block}.rounded{border-radius:var(--images-rounded)}h1,h2{font-family:var(--heading-font)}h1{color:var(--primary-color);font-size:var(--h1-size)}p,ul,li,ol{color:var(--secondary-color)}.header[data-astro-cid-nen7h5rs]{border-bottom:var(--double-border);background:var(--background-color);z-index:1;padding-top:0;padding-bottom:0}.top-nav[data-astro-cid-nen7h5rs]{background:var(--background-color-medium);width:100%;padding:.3em 0;transition:padding .18s,opacity .18s}.header[data-astro-cid-nen7h5rs] .top-nav[data-astro-cid-nen7h5rs] .wrapper[data-astro-cid-nen7h5rs]{justify-content:flex-end;padding-top:0;padding-bottom:.5em}.top-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--font-gray);padding:.3em 0;text-decoration:none}.top-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,.top-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:focus-visible{color:#fff;text-decoration:underline}.header[data-astro-cid-nen7h5rs] .wrapper[data-astro-cid-nen7h5rs]{flex-direction:column;gap:1em;max-width:1200px;margin:auto;padding:1em;transition:padding .18s,gap .18s;display:flex}.logo[data-astro-cid-nen7h5rs]{flex:none;width:min(250px,70vw);transition:width .18s}.header[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs]{background:var(--background-color-light);flex-direction:column;align-items:stretch;gap:.5em;width:100%;display:flex}.header[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:not(.button-gray){color:var(--primary-color);text-transform:uppercase;text-align:center;border-bottom:4px solid #0000;padding:.75em;font-weight:700;text-decoration:none}.header[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:not(.button-gray):hover,.header[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:not(.button-gray):focus-visible{border-bottom-color:var(--primary-color)}.header[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs].button-gray{color:var(--primary-color);text-transform:uppercase;text-align:center;border:2px solid #ccc;border-radius:5px;padding:1em;font-weight:700;text-decoration:none}.header[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs].button-gray:hover,.header[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs].button-gray:focus-visible{border:2px solid var(--primary-color)}.header[data-astro-cid-nen7h5rs].is-scrolled .top-nav[data-astro-cid-nen7h5rs],.header[data-astro-cid-nen7h5rs].is-scrolled .top-nav[data-astro-cid-nen7h5rs] .wrapper[data-astro-cid-nen7h5rs]{padding-block:0}.header[data-astro-cid-nen7h5rs].is-scrolled>.wrapper[data-astro-cid-nen7h5rs]{gap:.5em;padding-block:.5em}.header[data-astro-cid-nen7h5rs].is-scrolled .logo[data-astro-cid-nen7h5rs]{width:min(180px,55vw)}@media (width>=601px){.header[data-astro-cid-nen7h5rs]{position:sticky;top:0}.header[data-astro-cid-nen7h5rs] .wrapper[data-astro-cid-nen7h5rs]{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5em}.logo[data-astro-cid-nen7h5rs]{width:250px}.header[data-astro-cid-nen7h5rs] nav[data-astro-cid-nen7h5rs]{background-color:var(--background-color);flex-flow:wrap;justify-content:flex-end;align-items:center;gap:1em;width:auto}.header[data-astro-cid-nen7h5rs].is-scrolled>.wrapper[data-astro-cid-nen7h5rs]{padding-block:.5em}.header[data-astro-cid-nen7h5rs].is-scrolled .logo[data-astro-cid-nen7h5rs]{width:180px}}@media (prefers-reduced-motion:reduce){.top-nav[data-astro-cid-nen7h5rs],.header[data-astro-cid-nen7h5rs] .wrapper[data-astro-cid-nen7h5rs],.logo[data-astro-cid-nen7h5rs]{transition:none}}.footer{background:url(/_astro/noise.CEjygU1a.png) 50%;background-position:contain;box-sizing:border-box;z-index:0;width:100%;font-size:var(--footer-font);padding:1em;position:sticky;bottom:0;& .wrapper{& .left{justify-content:center;align-items:center;display:flex;& .logo{flex:none;width:min(20em,70%)}}& .middle{& h3{color:#5f5f5f}& ul{margin-left:0;padding-left:0;list-style-type:none;& li{color:#5f5f5f;padding:.2em 0;& a{color:#fff;text-decoration:none;&:hover{color:var(--light-blue)}}}}}& .right{& h3{color:#5f5f5f}& a{& img.qr{max-width:150px}}}}}@media screen and (width>=600px){.footer .wrapper{grid-template-columns:1fr 1fr 1fr;max-width:1200px;margin:auto;display:grid}}footer{background:#000;padding:.5em 1em;& p{color:#6c6b6b;font-size:.75em}}@media screen and (width>=600px){.hero{padding:0 0 1em;& .wrapper{grid-template-columns:1fr 1fr 1fr;display:grid}}}.about-me{background:var(--background-color)}.about-me .wrapper{max-width:1200px;padding:var(--header-section-padding);grid-template-areas:"image""text";gap:1em;margin:auto;display:grid}.about-me .wrapper .image{grid-area:image}.about-me .wrapper .text{grid-area:text}.about-me .wrapper .text p{color:var(--font-gray)}@media (width>=600px){.about-me .wrapper{grid-template-columns:3fr 2fr;grid-template-areas:"text image";gap:2em}}.my-progress{color:#e6e4e4;background-color:#111;background-image:url(/_astro/noise.CEjygU1a.png);background-position:50%;background-repeat:repeat;background-attachment:fixed;padding:4em 1em;& p,& a,& ol,& ul,& li{color:#e6efe4}& ul,& ol{padding-left:0;list-style:none;& li{padding:.5em 0 .5em 1.75em;position:relative;&:before{content:"🎨";position:absolute;top:.5em;left:.3em}}}}.my-progress .wrapper{max-width:1200px;margin:auto}@media screen and (width>=600px){.my-progress .wrapper{grid-template-columns:3fr 2fr;gap:2em;display:grid}}.sketches{background:var(--background-color);padding:1em}.sketches .wrapper{max-width:1200px;margin:auto}@media screen and (width>=600px){.sketches .wrapper .sketch-wrapper{grid-template-columns:3fr 2fr;gap:1em;max-width:90%;margin:auto;display:grid}}