diff --git a/css/index.css b/css/index.css
index 2a3cdc60f..abf8be5b0 100644
--- a/css/index.css
+++ b/css/index.css
@@ -261,7 +261,7 @@ background-color:#5596f5 !important;
   }
   h2 {
     @apply text-3xl lg:text-4xl my-4 font-normal leading-none;
-    color: #2b2b2b;
+    color: #ffffff;
     font-family: "Inter", sans-serif !important;
   }
   h2 strong {
diff --git a/templates/partials/intro.html b/templates/partials/intro.html
index 062fb9eb7..dbbe780f6 100644
--- a/templates/partials/intro.html
+++ b/templates/partials/intro.html
@@ -1,9 +1,9 @@
 {% block content %}
 <div class="mb-6 mt-14">
-    <h2 class="mb-4 text-center text-4xl lg:text-5xl text-gray-900 md:mb-6">{{ section.title }}</h2>
-    <p class="mx-auto max-w-5xl text-center text-gray-900 text-base md:text-lg">
+    <h2 class="mb-4 text-center text-4xl lg:text-5xl text-gray-100 md:mb-6">{{ section.title }}</h2>
+    <p class="mx-auto max-w-5xl text-center text-gray-200 text-base md:text-lg">
         {{ section.description }}
     </p>
 </div>
-<hr class="container mx-auto my-4">
+<hr class="container border-gray-400 mx-auto my-4">
 {% endblock content %}
diff --git a/templates/partials/person_card.html b/templates/partials/person_card.html
index f30fa2e71..041c09bfd 100644
--- a/templates/partials/person_card.html
+++ b/templates/partials/person_card.html
@@ -5,7 +5,7 @@
         <img class="aspect-[14/13] w-full rounded-2xl object-cover" src="{{url}}" alt="{{page.title ~ ' Picture'}}" />
         <div class="text-center">
             <h2 class="text-xl">{{page.title}}</h2>
-            <div class="text-base text-gray-700 line-clamp-3 leading-5 text-ellipsis">
+            <div class="text-base text-gray-100 line-clamp-3 leading-5 text-ellipsis">
                 {% if page.description %}
                     {{page.description}}
                 {% else %}