scss ➡️ vanilla css (#727)

* scss isn't worth the technical/mental overhead anymore

* try to translate my old Hugo pygments themes

* update lockfile

* consolidate .hljs classes

components/page-footer/Footer.module.css

@@ -3,12 +3,12 @@
   padding: 1.25em 1.5em;
   border-top: 1px solid var(--kinda-light);
   color: var(--medium-dark);
+}
 
-  a {
-    color: var(--medium-dark);
-    background: none;
-    padding-bottom: 0;
-  }
+.footer a {
+  color: var(--medium-dark);
+  background: none;
+  padding-bottom: 0;
 }
 
 .row {
@@ -25,16 +25,16 @@
   padding-bottom: 2px;
   border-bottom: 1px solid;
   border-color: var(--light);
+}
 
-  &:hover {
-    border-color: var(--kinda-light);
-  }
+.view_source:hover {
+  border-color: var(--kinda-light);
 }
 
 .beat {
   display: inline-block;
-  animation: beat 10s infinite; // 6 bpm, call 911 if you see this please.
-  animation-delay: 7.5s; // offset from wave animation
+  animation: beat 10s infinite; /* 6 bpm, call 911 if you see this please. */
+  animation-delay: 7.5s; /* offset from wave animation */
   will-change: transform;
 }
 
@@ -42,15 +42,17 @@
   .footer {
     padding: 1em 1.25em 0;
 
-    // Safari iOS menu bar reappears below 44px:
-    // https://www.eventbrite.com/engineering/mobile-safari-why/
+    /*
+     * Safari iOS menu bar reappears below 44px:
+     * https://www.eventbrite.com/engineering/mobile-safari-why/
+     */
     padding-bottom: 45px !important;
 
-    // Allows you to scroll below the viewport; default value is visible
+    /* Allows you to scroll below the viewport; default value is visible */
     overflow-y: scroll;
   }
 
-  // stack columns on left instead of flexboxing across
+  /* stack columns on left instead of flexboxing across */
   .row {
     font-size: 0.8em;
     display: block;
@@ -74,7 +76,7 @@
     transform: scale(1);
   }
 
-  // pause for ~9 out of 10 seconds
+  /* pause for ~9 out of 10 seconds */
   100% {
     transform: scale(1);
   }

components/page-footer/Footer.tsx

@@ -2,7 +2,7 @@ import Link from "next/link";
 import { HeartIcon, NextjsIcon } from "../icons";
 import * as config from "../../lib/config";
 
-import styles from "./Footer.module.scss";
+import styles from "./Footer.module.css";
 
 const Footer = () => (
   <footer className={styles.footer}>