fix: text sizes

Author: ringoldsdev

src/pages/test.astro

@@ -64,7 +64,7 @@ import "../styles/global.css";
         <!-- Text overlay as background texture with parallax effect and 45-degree rotation -->
         <div class="absolute top-0 left-0 w-full h-[70vh] flex justify-center items-center overflow-hidden z-behind-1" style="will-change: transform;">
             <div 
-                class="text-darker-gray font-display text-[25vw] sm:text-[25vw] font-black leading-[0.9] text-center uppercase w-[150%] origin-center rotate-45"
+                class="text-darker-gray font-display text-[33vw] sm:text-[25vw] font-black leading-[0.9] text-center uppercase w-[150%] origin-center rotate-45"
                 x-bind:style="'transform: translateY(' + scrollPosition * 0.6 + 'px)'"
             >
                 Some blog entry headline thats quite long
@@ -104,7 +104,7 @@ import "../styles/global.css";
         <!-- Headline with same padding as content -->
         <div class="text-center text-white max-w-screen-md mx-auto px-8 sm:px-20">
             <div class="py-10 sm:py-20">
-                <h1 class="text-6xl font-display font-bold leading-tight">
+                <h1 class="text-4xl sm:text-6xl font-display font-bold leading-tight">
                     Some blog entry headline that's quite long
                 </h1>
             </div>
@@ -137,7 +137,7 @@ import "../styles/global.css";
         </div>
 
         <!-- Black Footer with smaller navigation (always visible) -->
-        <footer class="bg-black text-white py-10 mt-20">
+        <footer class="bg-black text-white py-10">
             <div class="flex justify-center px-8 sm:px-20">
                 <div class="flex justify-between items-center w-full max-w-screen-md">
                     <div class="text-lg font-bold">LOGO</div>