refactor: Move CSS Reset to a separate CSS file

Although i wanted to keep everything in one file, it’s easier to develop this way.

index.html

@@ -4,6 +4,7 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, height=device-height, initial-scale: 1">
         <title>Cypher Player Assistant</title>
+        <link rel="stylesheet" type="text/css" href="static/reset.css">
         <style>
          :root {
              /* Dark Color Scheme */
@@ -78,57 +79,6 @@
              }
          }
 
-         /* CSS Reset */
-
-         *, *::before, *::after {
-             box-sizing: border-box;
-         }
-
-         ul[class], ol[class] {
-             padding: 0;
-         }
-
-         body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
-             margin: 0;
-         }
-
-         body {
-             min-height: 100vh;
-             scroll-behavior: smooth;
-             text-rendering: optimizeSpeed;
-             line-height: 1.5;
-         }
-
-         ul[class], ol[class] {
-             list-style: none;
-         }
-
-         a:not([class]) {
-             text-decoration-skip-ink: auto;
-         }
-
-         img {
-             max-width: 100%;
-             display: block;
-         }
-
-         article > * + * {
-             margin-top: 1em;
-         }
-
-         input, button, textarea, select {
-             font: inherit;
-         }
-
-         @media(prefers-reduced-motion: reduce) {
-             * {
-                 animation-duration: 0.01ms !important;
-                 animation-iteration-count: 1 !important;
-                 transition-duration: 0.01ms !important;
-                 scroll-behavior: auto !important;
-             }
-         }
-
          /* Actual page style */
 
          .color-scheme-wrapper {

static/reset.css

@@ -0,0 +1,50 @@
+/* CSS Reset */
+
+*, *::before, *::after {
+    box-sizing: border-box;
+}
+
+ul[class], ol[class] {
+    padding: 0;
+}
+
+body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
+    margin: 0;
+}
+
+body {
+    min-height: 100vh;
+    scroll-behavior: smooth;
+    text-rendering: optimizeSpeed;
+    line-height: 1.5;
+}
+
+ul[class], ol[class] {
+    list-style: none;
+}
+
+a:not([class]) {
+    text-decoration-skip-ink: auto;
+}
+
+img {
+    max-width: 100%;
+    display: block;
+}
+
+article > * + * {
+    margin-top: 1em;
+}
+
+input, button, textarea, select {
+    font: inherit;
+}
+
+@media(prefers-reduced-motion: reduce) {
+    * {
+        animation-duration: 0.01ms !important;
+        animation-iteration-count: 1 !important;
+        transition-duration: 0.01ms !important;
+        scroll-behavior: auto !important;
+    }
+}