From 59ec0ca3ac21c23da825c9cd53cc81eb992b98ca Mon Sep 17 00:00:00 2001
From: roryjshelton <76418221+roryjshelton@users.noreply.github.com>
Date: Tue, 9 May 2023 17:16:21 -0700
Subject: [PATCH] padding fixes

---
 src/components/P1/Footer/Footer.astro     |  4 +++-
 src/components/P1/Footer/FooterStyles.css |  2 +-
 src/components/P1/Meme/Meme.astro         |  2 +-
 src/components/P1/Meme/MemeStyles.css     | 10 ++++++++++
 src/components/P1/Powered/Powered.astro   |  6 +++++-
 src/components/P1/Socials/Socials.astro   |  2 +-
 src/components/P1/Vision/Vision.astro     |  8 +++-----
 7 files changed, 24 insertions(+), 10 deletions(-)

diff --git a/src/components/P1/Footer/Footer.astro b/src/components/P1/Footer/Footer.astro
index 834beb3..1f609c1 100644
--- a/src/components/P1/Footer/Footer.astro
+++ b/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>
diff --git a/src/components/P1/Footer/FooterStyles.css b/src/components/P1/Footer/FooterStyles.css
index 8a75aa9..4c213a5 100644
--- a/src/components/P1/Footer/FooterStyles.css
+++ b/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;
diff --git a/src/components/P1/Meme/Meme.astro b/src/components/P1/Meme/Meme.astro
index 58b0b03..6c974ab 100644
--- a/src/components/P1/Meme/Meme.astro
+++ b/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">
diff --git a/src/components/P1/Meme/MemeStyles.css b/src/components/P1/Meme/MemeStyles.css
index bda9850..e737642 100644
--- a/src/components/P1/Meme/MemeStyles.css
+++ b/src/components/P1/Meme/MemeStyles.css
@@ -94,4 +94,14 @@
         background-color: none;
         border-radius: 15px;
     }
+}
+
+@keyframes textShine {
+    0% {
+        background-position: 0% 50%;
+    }
+
+    100% {
+        background-position: 100% 50%;
+    }
 }
\ No newline at end of file
diff --git a/src/components/P1/Powered/Powered.astro b/src/components/P1/Powered/Powered.astro
index be885c9..4ba8e27 100644
--- a/src/components/P1/Powered/Powered.astro
+++ b/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]"
         >
diff --git a/src/components/P1/Socials/Socials.astro b/src/components/P1/Socials/Socials.astro
index 9520e86..d580688 100644
--- a/src/components/P1/Socials/Socials.astro
+++ b/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>
diff --git a/src/components/P1/Vision/Vision.astro b/src/components/P1/Vision/Vision.astro
index 719608b..33773b5 100644
--- a/src/components/P1/Vision/Vision.astro
+++ b/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
-        class="bg-[url(../../../src/assets/video-placeholder.webp)] bg-[100%_50%] bg-no-repeat bg-contain transition-[0.5s]"
-    >
+    <div>
         <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]"