feat: Tweak H1 size, new 404 image

sass/_main.scss

@@ -4,11 +4,8 @@
   box-sizing: border-box;
 }
 
-html,
-body {
+html {
   font-size: 16px;
-  margin: 0;
-  padding: 0;
   scroll-behavior: smooth;
   scrollbar-color: var(--primary-color) transparent;
   accent-color: var(--primary-color);
@@ -16,12 +13,17 @@ body {
 
 // smaller font size on mobile
 // @media only screen and (max-device-width: 480px) {
-//   html,
-//   body {
+//   html {
 //     font-size: 14px;
 //   }
 // }
 
+html,
+body {
+  margin: 0;
+  padding: 0;
+}
+
 body {
   font-family: "Inter", sans-serif;
   font-weight: 400;
@@ -34,12 +36,6 @@ body {
   grid-template-rows: auto minmax(auto, 1fr) auto; // header, stuff, footer
 }
 
-@media (prefers-color-scheme: dark) {
-  html {
-    background-color: var(--dark5);
-  }
-}
-
 // style text selection to use primary color
 ::selection {
   color: var(--bg-color);
@@ -88,7 +84,7 @@ h6 {
 h1 {
   letter-spacing: -0.08rem;
   font-weight: 900;
-  font-size: 3rem;
+  font-size: 2.4rem;
 }
 
 h1::after {
@@ -144,8 +140,6 @@ hr {
   border: 0;
 }
 
-// background-image: repeating-linear-gradient(-45deg, transparent, transparent 8px, var(--primary-color) 8px, var(--primary-color) 10px);
-
 blockquote {
   padding: 0 1rem;
   margin-left: 0;
@@ -436,13 +430,6 @@ img:not(.no-hover):hover {
   content: " ↗";
 }
 
-// center link icons vertically
-.link-icon {
-  height: 1rem;
-  width: 1rem;
-  vertical-align: middle;
-}
-
 // BUTTONS
 .dialog-buttons {
   display: flex;