diff --git a/src/index.css b/src/index.css
index b5146449..df473462 100644
--- a/src/index.css
+++ b/src/index.css
@@ -2,6 +2,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
 :root {
   --rosewater: #f5e0dc;
   --flamingo: #f2cdcd;
@@ -29,23 +30,27 @@
   --base: #1e1e2e;
   --mantle: #181825;
   --crust: #11111b;
-  } 
-  .mauve {
-    color: var(--mauve)
-  } 
-  .text-highlight {
-    color: var(--mauve);
-    /* color: linear-gradient(var(--mauve), var(--mantle); */
-    /* -webkit-background-clip: text; */
-    /* -webkit-text-fill-color: transparent; */
-    @apply ease-in duration-500;
- 
-  } 
-  .text-highlight:hover {
-    background: linear-gradient(var(--mauve), var(--yellow));
-    -webkit-background-clip: text;
+}
+
+.mauve {
+  color: var(--mauve)
+}
+
+.text-highlight {
+  color: var(--mauve);
+  /* color: linear-gradient(var(--mauve), var(--mantle); */
+  /* -webkit-background-clip: text; */
+  /* -webkit-text-fill-color: transparent; */
+  @apply ease-in duration-500;
+
+}
+
+.text-highlight:hover {
+  background: linear-gradient(var(--mauve), var(--yellow));
+  -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
-  }
+}
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@@ -53,9 +58,10 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  color: var(--text);
 }
 
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
-}
+}
\ No newline at end of file