make background flashing less terrible for prefers-reduced-motion ppl

This commit is contained in:
erin 2024-09-06 05:39:19 -04:00
parent 5834603769
commit b774d9a283

View file

@ -45,6 +45,14 @@ body {
font-family: 'SOAUI'; font-family: 'SOAUI';
font-size: 10rem; font-size: 10rem;
color:white; color:white;
// ideally the background stays pixel aligned with the text for
// perfectionism reasons, however it doesn't look great and kind of flashes
// a lot, which might cause people who use reduced motion settings to have a
// bad time. prevent the background from scrolling with the page for them
@media (prefers-reduced-motion) {
background-attachment: fixed;
}
} }
main { main {