handle prefers-reduced-motion

theme/basic.css

@@ -55,6 +55,11 @@ canvas.wallpaper {
   opacity: 0.2;
   image-rendering: pixelated;
 }
+@media (prefers-reduced-motion) {
+  canvas.wallpaper {
+    display: none;
+  }
+}
 main {
   max-width: 40em;
   margin: 1em auto;

theme/workspace/workspace.mjs

@@ -92,7 +92,6 @@ export class Workspace {
         this.runButton.addEventListener("click", () => this.run())
         this.revertButton.addEventListener("click", () => this.revert())
         this.fontButton.addEventListener("click", () => this.font())
-
         }
 
     initLanguage(language) {
@@ -229,7 +228,7 @@ export class Workspace {
         }
     }
 
-    font(force) {
-        this.element.classList.toggle("fixed", force)
+    font() {
+        this.element.classList.toggle("fixed")
     }
 }