padding fixes

src/components/P1/Footer/Footer.astro

@@ -12,7 +12,9 @@ import "./FooterStyles.css";
                 >
                     <span class="footer-email"></span>contact@lumeweb.com
                 </li><div class="footer-span">
-                    <span class="footer-h2">Freedom, privacy, ownership.</span>
+                    <span class="footer-h2"
+                        >Freedom, privacy, <br />ownership.</span
+                    >
                 </div>
             </ul>
         </h6>

src/components/P1/Footer/FooterStyles.css

@@ -31,7 +31,7 @@
     background-image: url('../../../assets/lume-logo.webp');
     background-repeat: no-repeat;
     background-size: contain;
-    height: 55px;
+    height: 8.1vh;
     min-width: 100px;
     display: inline-block;
     text-align: left;

src/components/P1/Meme/Meme.astro

@@ -6,7 +6,7 @@ import "./MemeStyles.css";
     <div class="meme-wrapper">
         <div class="meme-bg">
             <span
-                class="absolute leading-[18.5vh] text-[#2C9940] left-[65%] top-[11%]"
+                class="absolute leading-[18.5vh] text-[#2C9940] left-[65%] top-[10%]"
                 >web1<br />web2<br />crypto & defi<br />web3</span
             >
             <div class="meme-columns meme-translucent">

src/components/P1/Meme/MemeStyles.css

@@ -95,3 +95,13 @@
         border-radius: 15px;
     }
 }
+
+@keyframes textShine {
+    0% {
+        background-position: 0% 50%;
+    }
+
+    100% {
+        background-position: 100% 50%;
+    }
+}

src/components/P1/Powered/Powered.astro

@@ -4,7 +4,11 @@ import "./PoweredStyles.css";
 
 <div class="p-l-container my-[125px]">
     <div class="p-l-wrapper">
-        <h2 class="centered mt-[10px]">POWERED BY</h2>
+        <h2
+            class="centered mt-[10px] text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))]"
+        >
+            POWERED BY
+        </h2>
         <div
             class="flex-row place-items-center overflow-hidden flex h-auto w-full mb-[1.5vh]"
         >

src/components/P1/Socials/Socials.astro

@@ -5,7 +5,7 @@ import "./SocialsStyles.css";
 <div class="grid place-items-center overflow-hidden h-auto my-[115px]">
     <div>
         <h2
-            class="centered grid place-items-center overflow-hidden h-auto mt-[35px] mb-[1.5vh];"
+            class="centered grid place-items-center overflow-hidden h-auto mt-[35px] mb-[1.5vh] text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))]"
         >
             get in touch
         </h2>

src/components/P1/Vision/Vision.astro

@@ -3,12 +3,10 @@ import "./VisionStyles.css";
 ---
 
 <div
-    class="mt-[166px] items-start flex pb-[5vh]"
+    class="mt-[166px] items-start flex pb-[5vh] bg-[url(../../../src/assets/video-placeholder.webp)] pb-[10%] bg-[80%_65%] bg-no-repeat bg-contain transition-[0.5s]"
     style="padding-bottom: 5vh; vertical-align: center; padding-inline: 11.9%;"
 >
-    <div
+    <div>
-        class="bg-[url(../../../src/assets/video-placeholder.webp)] bg-[100%_50%] bg-no-repeat bg-contain transition-[0.5s]"
-    >
         <span id="vision"></span>
         <h2
             class="text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--aquamarine)] uppercase font-bold"
@@ -18,7 +16,7 @@ import "./VisionStyles.css";
         <h3
             class="text-[calc(30px_+_(45_-_30)_*_((100vw_-_300px)_/_(1600_-_300)))] min-w-[75vw] z-[999] mt-[0.5em]"
         >
-            Make Web3 easy for <wbr /> everyone
+            Make Web3 easy for <br /> everyone
         </h3>
         <h4
             class="left vt transition-[0.5s] rounded-[15px] text-[calc(15px_+_(21_-_15)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--cloud)] text-[length:var(--font-size-m)] font-normal not-italic max-w-[550px] leading-[35px] mt-[0.5em]"