feat: Animated 404 image, some style improvements, more attributions

sass/_gnome-hig.scss

@@ -44,4 +44,4 @@
   --dark3: rgb(61, 56, 70);
   --dark4: rgb(36, 31, 49);
   --dark5: rgb(0, 0, 0);
-}
+}

sass/_main.scss

@@ -114,6 +114,7 @@ strong {
 
 small {
   color: var(--fg50);
+  font-size: 0.8rem;
 }
 
 dl {
@@ -162,6 +163,7 @@ blockquote > blockquote {
 
 abbr {
   cursor: help;
+  text-decoration: underline dotted;
 }
 
 kbd {
@@ -255,7 +257,7 @@ figcaption {
   display: block;
   text-align: center;
   color: var(--fg50);
-  font-size: 0.9rem;
+  font-size: 0.8rem;
 }
 
 details {
@@ -277,7 +279,7 @@ table {
   max-width: 100vw;
   overflow: auto;
   word-break: normal;
-  word-break: keep-all; // For Firefox to horizontally scroll wider tables.
+  word-break: keep-all; // for Firefox to horizontally scroll wider tables.
   -webkit-overflow-scrolling: touch;
 }
 

sass/_scanlines.scss

@@ -33,6 +33,9 @@ $scan-opacity: 0.75;
   } @else {
     animation: none;
   }
+  @media (prefers-reduced-motion) {
+    animation: none;
+  }
 }
 
 // apply CRT animation: @include scan-crt($scan-crt);
@@ -42,6 +45,9 @@ $scan-opacity: 0.75;
   } @else {
     animation: none;
   }
+    @media (prefers-reduced-motion) {
+    animation: none;
+  }
 }
 
 // CSS .scanlines CLASS