i am back gang

global.css

@@ -2,20 +2,23 @@
     font-family: "NotoSansT";
     src: url("ttf/sans.ttf");
 }
+@font-face {
+    font-family: "Departure Mono";
+    src: url("ttf/depm.otf");
+}
+
+:root {
+    --color-background: #1a1c23;
+    --color-foreground: #f2f2f2;
+    --color-a-visited:  #3f4555;
+    --color-a-normal:   #6f748b;
+    --color-a-hovered:  #a8b1c2;
+}
 
 img {
     border: 1px solid white;
 }
 
-.rainbow-text {
-    text-align: center;
-    background: linear-gradient(to right, #6666ff, #0099ff, #00ff00, #ff3399, #6666ff);
-    background-clip: text;
-    color: transparent !important;
-    animation: rainbow_anim 15s ease-in-out infinite;
-    background-size: 400% 100%;
-}
-
 #main-box {
     padding: 10px;
     margin-left: 25%;
@@ -27,16 +30,15 @@ h2 {
 }
 
 a:visited {
-    color: #cba6f7 !important;
+    color: var(--color-a-visited) !important;
 }
 
 a {
-    color: #89b4fa;
+    color: var(--color-a-normal);
 }
 
 a:hover {
-    background-color: #dce0e8;
-    color: #4c4f69 !important;
+    color: var(--color-a-hovered) !important;
 }
 
 #footer, hr{
@@ -44,8 +46,8 @@ a:hover {
 }
 
 body {
-    font-family: "NotoSansT";
+    font-family: "Departure Mono";
     font-size: 16px;
-    color: #cdd6f4;
-    background-color: #181825;
+    color: var(--color-foreground);
+    background-color: var(--color-background);
 }