tweak some stuff

Author: BomberFish

src/index.css

@@ -1,4 +1,15 @@
 /* This is to modify anything outside of components */
+
+:root {
+    --bg: #121214;
+    --surface0: #212124;
+    --surface1: #343438;
+    --text: #eef;
+    --subtext0: #aab;
+    --accent0: #88B0FF;
+    --accent1: #B259E8;
+}
+
 * {
   padding: 0;
   margin: 0;
@@ -15,6 +26,15 @@ body {
   height: 100%;
 }
 
+a {
+    color: var(--accent0);
+}
+
+a:visited {
+    color: var(--accent1);
+}
+
+
 @font-face {
   font-family: "SFPro";
   src: local("SF Pro"), url("/fonts/SFNS.woff2") format("woff2"), local("SF Pro Display");
@@ -34,16 +54,6 @@ body {
   color: var(--text);
 }
 
-:root {
-  --bg: #121214;
-  --surface0: #212124;
-  --surface1: #343438;
-  --text: #eef;
-  --subtext0: #aab;
-  --accent0: #88B0FF;
-  --accent1: #B259E8;
-}
-
 .hero-text h1 {
   background: linear-gradient(
       90deg,

src/routes/home.tsx

@@ -63,7 +63,8 @@ const Home: Component<
         font-weight: normal;
     }
 
-    .more-btn {
+    .more-btn,
+    .more-btn:visited {
         display: inline-block;
         background: var(--surface1);
         border-image: linear-gradient(45deg, var(--accent0), var(--accent1)) 1;
@@ -73,6 +74,7 @@ const Home: Component<
         font-weight: bold;
         text-decoration: none;
         transition: background-color 0.3s, color 0.3s;
+        cursor: pointer;
     }
 
     .more-btn:hover {

src/routes/not-found.tsx

@@ -1,6 +1,10 @@
 const NotFound: Component<{},{}> = function() {
     this.css = `
-    margin: 3rem
+    margin: 1rem;
+
+    * {
+        margin-block: 0.25rem
+    }
     `
     return (
         <div>