Major rework

static/main.css

@@ -0,0 +1,99 @@
+    /*
+  Josh's Custom CSS Reset
+  https://www.joshwcomeau.com/css/custom-css-reset/
+*/
+*, *::before, *::after {
+  box-sizing: border-box;
+}
+* {
+  margin: 0;
+}
+body {
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+}
+img, picture, video, canvas, svg {
+  display: block;
+  max-width: 100%;
+}
+input, button, textarea, select {
+  font: inherit;
+}
+p, h1, h2, h3, h4, h5, h6 {
+  overflow-wrap: break-word;
+}
+#root, #__next {
+  isolation: isolate;
+}
+/*End copy paste*/
+@font-face {
+  font-family: 'League Spartan Variable';
+  src: url('LeagueSpartan-VF.woff2') format('woff2-variations');
+  font-weight: 200 900;
+}
+html {
+    --hyper-blue: #7df9ff;
+    font-family: "League Spartan Variable";
+}
+body {
+    font-variation-settings: "wght" 400;
+    margin: 0;
+}
+a {
+    color: var(--hyper-blue);
+    text-decoration: underline dotted;
+}
+.center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+/* Header Styles */
+@keyframes blinker {
+  50% {
+    opacity: 10%;
+  }
+}
+header, footer {
+    font-variation-settings: "wght" 700;
+    background-color: rgb(29, 33, 44);
+    color: white;
+    padding: 0 1em;
+}
+footer {
+    position: sticky;
+    bottom: 0;
+    width: 100vw;
+}
+header > h1 {
+    margin: 0 !important;
+}
+nav > a {
+    flex-grow: 1;
+    padding: 6vh 0;
+    font-weight: bold;
+    text-transform: uppercase;
+    text-align: center;
+    background-color: #020103; padding: 0.4em; margin-left: auto; margin-right: auto; border-right: 1px solid var(--hyper-blue);
+}
+.scroll-item {
+    animation: scrollUp 7s ease-in-out infinite alternate;
+    background-color: black;
+    text-decoration: underline dotted;
+}
+@keyframes scrollUp {
+  from {
+    -webkit-transform: translateY(0);
+            transform: translateY(0);
+  }
+  50% {
+    -webkit-transform: translateY(-100%);
+            transform: translateY(-100%);
+  }
+  to {
+    -webkit-transform: translateY(-200%);
+            transform: translateY(-200%);
+  }
+}
+}

static/style.css

@@ -1,8 +0,0 @@
-img[src$='#center']
-{
-    display: block;
-    margin: 0.7rem auto; /* you can replace the vertical '0.7rem' by
-                            whatever floats your boat, but keep the
-                            horizontal 'auto' for this to work */
-    /* whatever else styles you fancy here */
-}