From 62fbcf8f85a6764b3d2b56f260ad2a261ec6580c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jind=C5=99ich=20B=C3=A4r?= <jindrichbar@gmail.com>
Date: Fri, 29 Nov 2024 11:41:19 +0100
Subject: [PATCH] docs: fix the Hero section tagline colors

---
 website/src/pages/index.js         | 2 +-
 website/src/pages/index.module.css | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 619ce3cabc9d..155daa672658 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -24,7 +24,7 @@ function Hero() {
                                 Crawlee is a web<br /> scraping and browser<br /> automation library
                             </h1>
                             <h1 className={styles.tagline}>
-                                Crawlee is a <span>web<br /> scraping</span> and <span>browser<br /> automation</span> library
+                                Crawlee is a <span className={styles.taglineGap}>web<br /> scraping</span> and <span className={styles.taglineGap}>browser<br /> automation</span> library
                             </h1>
                         </div>
                     </div>
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
index 0dcfedf02889..7bd26776d29e 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -18,9 +18,10 @@
     text-align: left;
     transition: all var(--ifm-transition-fast);
 
-    span {
-        color: transparent !important;
-    }
+}
+
+.taglineGap {
+    color: transparent !important;
 }
 
 .relative {