diff --git a/index.html b/index.html
index bc800d3..2b43be3 100644
--- a/index.html
+++ b/index.html
@@ -37,12 +37,11 @@
     </header>
 
     <div class="container max-w-[1440px] mt-14 text-center">
-        <h1 class="font-bold text-8xl">Welcome to wah.su!</h1>
+        <h1 class="font-bold text-8xl text-gray-800">Welcome to wah.su!</h1>
         <!--noformat-->
-        <p class="max-w-[840px] mx-auto mt-6 text-gray-800 text-left whitespace-pre">
-            Looking for a cozy, reliable den away from tech companies? You've come
-            to the right place! wah.su is all about providing a safe and stable
-            environment for your projects.
+        <p class="max-w-[840px] mx-auto mt-6 text-gray-700 text-left whitespace-pre">
+            Looking for a cozy, reliable den away from tech companies? You've come to the right place!
+            wah.su is all about providing a safe and stable environment for your projects.
 
             Run by yours truly, <a href="https://bento.me/radiquum" class="font-medium text-blue-600 dark:text-blue-500 hover:underline" target="_blank">@radiquum</a>, we believe in quality over quantity, which is why access is currently invite-only.
             Interested in joining the pack? Reach out to me to sniff out an invitation.
@@ -51,7 +50,7 @@
     </div>
 
     <div class="container max-w-[1440px] mt-14">
-        <h1 class="font-bold text-4xl mb-4">Currently hosting</h1>
+        <h1 class="font-bold text-4xl mb-4 text-gray-800">Currently hosting</h1>
         <div class="flex flex-row gap-2" id="services">
         </div>
     </div>
diff --git a/public/js/cards.js b/public/js/cards.js
index 69b52f7..5ca397a 100644
--- a/public/js/cards.js
+++ b/public/js/cards.js
@@ -36,7 +36,7 @@ window.onload = function () {
     const template = `
               <img class="rounded-t-lg object-cover h-[192px] w-full" src="${cards[index].image}" alt="" />
               <div class="p-5">
-                  <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">${cards[index].name}
+                  <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-800 dark:text-white">${cards[index].name}
                   </h5>
                   <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">${cards[index].description}
                   </p>
diff --git a/public/output.css b/public/output.css
index 8a17134..de37571 100644
--- a/public/output.css
+++ b/public/output.css
@@ -1653,6 +1653,11 @@ input:checked + .toggle-bg {
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(75 85 99 / var(--tw-text-opacity));
+}
+
 .opacity-0 {
   opacity: 0;
 }