.hero .mask-one{-webkit-mask:url(/_astro/mask1.D94sZGKQ.png) 50%/100% 100% no-repeat;mask:url(/_astro/mask1.D94sZGKQ.png) 50%/100% 100% no-repeat}.hero .mask-two{-webkit-mask:url(/_astro/mask2.UET8WQaU.png) 50%/100% 100% no-repeat;mask:url(/_astro/mask2.UET8WQaU.png) 50%/100% 100% no-repeat}.hero .mask-three{-webkit-mask:url(/_astro/mask3.CmByqpYs.png) 50%/100% 100% no-repeat;mask:url(/_astro/mask3.CmByqpYs.png) 50%/100% 100% no-repeat}@media screen and (width>=600px){.hero{padding:2em 0 1em;& .wrapper{grid-template-columns:1fr 1fr 1fr;max-width:80em;margin:auto;display:grid}}}.about-me .about-mask{-webkit-mask:url(/_astro/mask1.D94sZGKQ.png) 50%/100% 100% no-repeat;mask:url(/_astro/mask1.D94sZGKQ.png) 50%/100% 100% no-repeat}.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}}