diff --git a/src/pages/index.module.css b/src/pages/index.module.css
index 5e277582..589fb573 100644
--- a/src/pages/index.module.css
+++ b/src/pages/index.module.css
@@ -13,6 +13,15 @@
   background: url(/img/handbook-banner_small.jpg) no-repeat top center;
 }
 
+.heroBanner > p {
+  color: white;
+  text-shadow:
+          -1px -1px 0 #000,
+          1px -1px 0 #000,
+          -1px 1px 0 #000,
+          1px 1px 0 #000;
+}
+
 @media screen and (max-width: 996px) {
   .heroBanner {
     padding: 2rem;