a{font-weight:500;color:#6741d9;&:hover{color:#535bf2}}body{margin:0;place-items:center;background-color:#fff}h1{font-size:3.2em;line-height:1.5}.text-center{text-align:center}.text-left{text-align:left}.workshop-page{min-height:100vh;background:var(--color-bg);color:var(--color-text)}h1{font-family:Excalifont,sans-serif;font-size:2rem}@media screen and (min-width:768px){h1{font-size:3.5rem}}@media screen and (min-width:1024px){h1{font-size:4.5rem}}h3{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.6rem);font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--color-text)}.excalifont{font-family:Excalifont,sans-serif;font-size:1.7rem}.landing-page{max-width:1100px;margin:0 auto;text-align:center;display:grid;grid-gap:2.5rem;gap:2.5rem;padding:3rem 1.5rem 1rem}@media screen and (min-width:768px){.landing-page{padding:4rem 1.5rem 1rem;gap:4rem}}.landing-page .pixels{color:#fff;font-weight:800;display:inline-block;animation:change-font 1s infinite;font-family:Pixelify Sans,sans-serif;line-height:1;width:3rem}@keyframes change-font{0%{font-family:Pixelify Sans,sans-serif}10%{font-family:Excalifont,sans-serif}20%{font-family:Comic Sans MS,Comic Sans,cursive}30%{font-family:Arial,sans-serif}40%{font-family:Times New Roman,serif}50%{font-family:Courier New,monospace}60%{font-family:Georgia,serif}70%{font-family:Verdana,sans-serif}80%{font-family:Trebuchet MS,sans-serif}90%{font-family:Impact,sans-serif}}.landing-page .hero{background:var(--color-accent);color:#fff;border-radius:20px;width:100%;padding:1.5rem;display:flex;flex-direction:column;align-items:center}@media screen and (min-width:768px){.landing-page .hero{padding:3rem clamp(1.5rem,5vw,3.5rem)}}.landing-page .hero h1{color:#fff;display:flex;align-items:center;gap:1rem;margin:0 auto;justify-content:center}@media screen and (min-width:768px){.landing-page .hero h1{gap:2rem}}.landing-page .hero h2{text-wrap:balance}@media screen and (min-width:1030px){.landing-page .hero h2{width:90%}}.landing-page .hero h1 svg{width:24px;height:24px}@media screen and (min-width:768px){.landing-page .hero h1 svg{width:64px;height:64px}}.landing-page .landing-page-subheading{font-size:1.2rem}@media screen and (min-width:768px){.landing-page .landing-page-subheading{font-size:2rem}}.container{margin:0 auto}img{max-width:100%}@media(prefers-reduced-motion){.landing-page .pixels{animation:change-font 5s infinite}@keyframes change-font{0%{font-family:Pixelify Sans,sans-serif}20%{font-family:Excalifont,sans-serif}40%{font-family:Comic Sans MS,Comic Sans,cursive}60%{font-family:Arial,sans-serif}}}.about-me{display:grid;grid-gap:2rem;gap:2rem}@media screen and (min-width:768px){.about-me{gap:2.5rem}}.about-me .waving-hand{font-size:2rem;display:inline-block;animation:wave .6s linear infinite alternate;margin-right:1rem}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(10deg)}}@media screen and (min-width:768px){.about-me .waving-hand{font-size:2.5rem}}@media screen and (max-width:330px){.about-me .waving-hand{margin-right:.5rem}}.about-me .about-me-bio{font-size:clamp(1.4rem,3.5vw,2rem);text-wrap:balance}.about-me .about-me-bio,.about-me .about-me-title{font-family:var(--font-display);line-height:1.3;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.about-me .about-me-title{font-size:clamp(1.5rem,4vw,2.25rem)}.about-me header{display:grid;grid-gap:.5rem;gap:.5rem}.about-me .content{display:grid;grid-gap:2rem;gap:2rem;font-size:1.05rem;line-height:1.75;color:var(--color-text-muted);align-items:center}@media screen and (min-width:1024px){.about-me .content{grid-template-columns:1fr 1fr;gap:3rem}}.about-me .content a{color:var(--color-accent);font-weight:600;-webkit-text-decoration-color:var(--color-accent-softer);text-decoration-color:var(--color-accent-softer);text-underline-offset:3px}.about-me .content a:hover{color:var(--color-accent-strong)}.about-me .content>.text-container{display:grid;text-align:left;grid-gap:1rem;gap:1rem}.about-me .content>.image-container{grid-row:1}@media screen and (min-width:1024px){.about-me .content>.image-container{grid-column:2}}.about-me .content>.image-container>img{width:100%;border-radius:16px;box-shadow:var(--shadow-card-hover)}