diff --git a/src/components/Navbar/Navbar.jsx b/src/components/Navbar/Navbar.jsx
index 3b9c673..fe77c9c 100644
--- a/src/components/Navbar/Navbar.jsx
+++ b/src/components/Navbar/Navbar.jsx
@@ -8,15 +8,15 @@ function Navbar() {
     const toggleNav = () => setNav(!nav)
 
     return (
-        <div class='w-full h-20 flex justify-between items-center whitespace-nowrap gap-9 bg-[#031418] pt-[75px] pb-[3%] px-[7%]'>
-            <div class="bg-[url(../../src/assets/lume-logo.webp)] bg-no-repeat bg-contain h-[55px] min-w-[210px] z-[998] ml-[5px]">
+        <div class='w-full h-20 flex justify-between items-center whitespace-nowrap gap-9 bg-[#031418] pt-[75px] px-[3%]'>
+            <div class="bg-[url(../../src/assets/lume-logo.webp)] bg-no-repeat bg-contain h-[55px] min-w-[210px] z-[998] ml-[1%]">
             </div>
             <ul class='transition-opacity duration-150 ease-out md:max-lg:opacity-0 lg:opacity-100 nav-menu'>
                 <li><a href="#">Home</a></li>
                 <li><a href="#vision">Vision</a></li>
                 <li><a href="#whatisweb3">What is Web3</a></li>
                 <li>Donate</li>
-                <div class='download-btn-container class="transition duration-[0.3s]"'>
+                <div class='text-[color:var(--black)] text-[length:var(--font-size-s)] font-normal not-italic items-end bg-[color:var(--aquamarine)] flex h-[52px] min-w-[245px] transition-[0.5s] border px-[5.2px] py-3 rounded-[5px] border-solid border-transparent scale-100 hover:transition-[0.5s] hover:bg-transparent hover:border hover:border-[color:var(--aquamarine)] hover:text-[white] hover:border-solid;'>
                     <a class='download-btn' href="#">Download Extension</a>
                 </div>
             </ul>
@@ -30,8 +30,8 @@ function Navbar() {
                     <li onClick={toggleNav}><a href="#vision">Vision</a></li>
                     <li onClick={toggleNav}><a href="#whatisweb3">What is Web3</a></li>
                     <li onClick={toggleNav}>Donate</li>
-                    <div class='download-btn-container'>
-                        <a class="download-btn" href="#">Download Extension</a>
+                    <div class='text-[color:var(--black)] text-[length:var(--font-size-s)] font-normal not-italic items-end bg-[color:var(--aquamarine)] flex h-[52px] min-w-[245px] transition-[0.5s] border px-[5.2px] py-3 rounded-[5px] border-solid border-transparent scale-100 hover:transition-[0.5s] hover:bg-transparent hover:border hover:border-[color:var(--aquamarine)] hover:text-[white] hover:border-solid transition-[0.5s] ml-[-0.8em] scale-[0.7] hover:scale-75;'>
+                        <a class="download-btn pl-2.5" href="#">Download Extension</a>
                     </div>
                 </ul>
                 <div class="mobile-menu-btn"></div>
diff --git a/src/components/Navbar/NavbarStyles.css b/src/components/Navbar/NavbarStyles.css
index 5123908..f2c6be2 100644
--- a/src/components/Navbar/NavbarStyles.css
+++ b/src/components/Navbar/NavbarStyles.css
@@ -8,37 +8,11 @@ li {
     padding: 1rem;
 }
 
-.download-btn-container {
-    color: var(--black) !important;
-    font-family: var(--font-family-jetbrains-mono);
-    font-size: var(--font-size-s);
-    font-weight: 400;
-    font-style: normal;
-    align-items: flex-end;
-    background-color: var(--aquamarine);
-    border-radius: 5px;
-    display: flex;
-    height: 52px;
-    min-width: 245px;
-    padding: 12px 5.2px;
-    transform: scale(1);
-    transition: 0.3s;
-}
-
 .header-alt {
     color: var(--aquamarine);
     font-family: var(--font-family-jetbrains-mono);
 }
 
-.download-btn-container a {
-    color: black;
-}
-
-.download-btn-container:hover {
-    transform: scale(1.01);
-    transition: 0.3s;
-}
-
 .download-btn {
     letter-spacing: 0;
     min-height: 26px;
@@ -99,17 +73,6 @@ li {
         margin: 0 1em;
     }
 
-    .download-btn-container {
-        transform: scale(0.7);
-        transition: 0.3s;
-        margin-left: -0.8em;
-    }
-
-    .download-btn-container:hover {
-        transform: scale(0.75);
-        transition: 0.3s;
-    }
-
     .download-btn {
         letter-spacing: 0;
         min-height: 26px;
diff --git a/src/components/P1/CTO/CTO.astro b/src/components/P1/CTO/CTO.astro
index 37a8988..c2d1df3 100644
--- a/src/components/P1/CTO/CTO.astro
+++ b/src/components/P1/CTO/CTO.astro
@@ -6,9 +6,7 @@ import "./CtoStyles.css";
     <div class="cto-geometric-bg">
         <div class="cto-shadow w-full transition-[0.5s] rounded-[72.5px];">
             <span id="cto"></span>
-            <div
-                class="shadowdrop shadow-[0px_4px_4px_#00000040] w-full transition-[0.5s] rounded-[72.5px];"
-            >
+            <div class="w-full transition-[0.5s] rounded-[72.5px];">
                 <h2
                     class="text-[calc(15px_+_(25_-_10)_*_((100vw_-_300px)_/_(1600_-_300)))] text-[color:var(--aquamarine)] uppercase font-bold"
                 >
diff --git a/src/components/P1/CTO/CTOStyles.css b/src/components/P1/CTO/CTOStyles.css
index 428d079..c0e6a3e 100644
--- a/src/components/P1/CTO/CTOStyles.css
+++ b/src/components/P1/CTO/CTOStyles.css
@@ -35,13 +35,13 @@
 
 @media screen and (width >0px) and (width <=600px) {
     .cto-container {
-        margin-left: -3em;
         background-position: 100px 50px;
         background-size: cover;
         background-repeat: no-repeat;
         background-origin: content-box;
         transition: 0.5s;
         justify-content: center;
+        max-width: 80%;
     }
 
     .cto-bp {
@@ -51,7 +51,7 @@
 
     .shadowdrop {
         border-radius: 72.5px;
-        box-shadow: 4px 4px #00000040;
+        box-shadow: 0px 4px 4px #00000040;
         margin-left: 12%;
         transition: 0.5s;
         justify-content: center;
diff --git a/src/components/P1/Footer/FooterStyles.css b/src/components/P1/Footer/FooterStyles.css
index d921d91..91e4c17 100644
--- a/src/components/P1/Footer/FooterStyles.css
+++ b/src/components/P1/Footer/FooterStyles.css
@@ -2,13 +2,14 @@
     font-family: var(--font-family-jaldi);
     margin-inline: 5px;
     list-style-type: none;
+    white-space: nowrap;
 }
 
 .footer-cards {
     margin: 0 auto;
     display: grid;
     gap: 1rem;
-    padding: 5% 11.5%;
+    padding: 7% 14.7%;
     background-color: #020E10;
     height: auto;
 }
@@ -42,6 +43,7 @@
     background-repeat: no-repeat;
     background-size: contain;
     background-position: left;
+    margin-right: 2%;
     padding-inline: 10px;
     height: 14px;
     object-fit: cover;
diff --git a/src/components/P1/Grid/GridStyles.css b/src/components/P1/Grid/GridStyles.css
index 5e52d1b..90e21ed 100644
--- a/src/components/P1/Grid/GridStyles.css
+++ b/src/components/P1/Grid/GridStyles.css
@@ -1,8 +1,9 @@
 .cards {
-    max-width: 1200px;
-    margin: 10vh auto;
+    max-width: 81%;
+    margin: 126px auto;
     display: grid;
     gap: 1rem;
+    /* padding-left: 5.5%; */
 }
 
 @media (width >=600px) {
diff --git a/src/components/P1/Header/Header.astro b/src/components/P1/Header/Header.astro
index 78313dc..81db273 100644
--- a/src/components/P1/Header/Header.astro
+++ b/src/components/P1/Header/Header.astro
@@ -2,7 +2,7 @@
 import HeaderContent from "./HeaderContent.jsx";
 ---
 
-<div class="mt-[7%] items-start flex items-start flex z-[-1]">
+<div class="mt-[145.5px] items-start flex items-start flex z-[-1]">
   <div
     class="text-[color:var(--white)] font-normal not-italic tracking-[-6px] leading-[calc(75px_+_(110_-_75)_*_((100vw_-_300px)_/_(1600_-_300)))] text-center w-full"
   >
diff --git a/src/components/P1/Message/MessageStyles.css b/src/components/P1/Message/MessageStyles.css
index a451276..6fde8f7 100644
--- a/src/components/P1/Message/MessageStyles.css
+++ b/src/components/P1/Message/MessageStyles.css
@@ -5,7 +5,7 @@
     flex-direction: column;
     gap: 7px;
     min-height: 237px;
-    padding: 5% 12%;
+    padding: 5% 15%;
     width: 100%;
 }
 
diff --git a/src/components/P1/Powered/Powered.astro b/src/components/P1/Powered/Powered.astro
index da4b798..be885c9 100644
--- a/src/components/P1/Powered/Powered.astro
+++ b/src/components/P1/Powered/Powered.astro
@@ -2,9 +2,9 @@
 import "./PoweredStyles.css";
 ---
 
-<div class="p-l-container">
+<div class="p-l-container my-[125px]">
     <div class="p-l-wrapper">
-        <h2 class="centered"><br /><br />POWERED BY</h2>
+        <h2 class="centered mt-[10px]">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 0dc9de3..9520e86 100644
--- a/src/components/P1/Socials/Socials.astro
+++ b/src/components/P1/Socials/Socials.astro
@@ -2,13 +2,15 @@
 import "./SocialsStyles.css";
 ---
 
-<div class="grid place-items-center overflow-hidden h-auto mb-[1.5vh];">
+<div class="grid place-items-center overflow-hidden h-auto my-[115px]">
     <div>
-        <h2 class="grid place-items-center overflow-hidden h-auto mb-[1.5vh];">
+        <h2
+            class="centered grid place-items-center overflow-hidden h-auto mt-[35px] mb-[1.5vh];"
+        >
             get in touch
         </h2>
         <div class="grid place-items-center overflow-hidden h-auto mb-[1.5vh];">
-            <div class="flex ml-[-5%] mb-[5vh] pb-[5vh]">
+            <div class="flex ml-[-5%] pb-[8vh]">
                 <div class="github"></div>
                 <div class="discord"></div>
                 <div class="twitter"></div>
diff --git a/src/components/P1/Vision/Vision.astro b/src/components/P1/Vision/Vision.astro
index 84a5a88..acf2b85 100644
--- a/src/components/P1/Vision/Vision.astro
+++ b/src/components/P1/Vision/Vision.astro
@@ -3,7 +3,7 @@ import "./VisionStyles.css";
 ---
 
 <div
-    class="mt-[10%] items-start flex pb-[5vh]"
+    class="mt-[166px] items-start flex pb-[5vh]"
     style="padding-bottom: 5vh; vertical-align: center; padding-inline: 15%;"
 >
     <div
@@ -28,7 +28,7 @@ import "./VisionStyles.css";
             easy usage without censorship or backdoors.
         </h4>
         <div
-            class="items-center bg-[color:var(--aquamarine)] flex h-[49px] ml-[-1.5px] max-w-[195px] transition-[0.3s] text-black mt-[22px] px-[3px] py-0 rounded-[5px] scale-100 hover:transition-[0.3s] hover:scale-[1.01]"
+            class="items-center transition-[0.3s] hover:text-[white] bg-[color:var(--aquamarine)] flex h-[49px] ml-[-1.5px] max-w-[195px] text-black mt-[22px] px-[3px] py-0 rounded-[5px] border-solid border-transparent scale-100 hover:transition-[0.5s] hover:bg-transparent hover:border hover:border-[color:var(--aquamarine)] hover:text-[white] hover:border-solid transition-[0.5s]"
         >
             <a
                 class="tracking-[0] min-h-[26px] text-center w-[234px] block"
diff --git a/src/components/P1/Whatisweb3/Whatisweb3.astro b/src/components/P1/Whatisweb3/Whatisweb3.astro
index 74c3a71..0f7a6b5 100644
--- a/src/components/P1/Whatisweb3/Whatisweb3.astro
+++ b/src/components/P1/Whatisweb3/Whatisweb3.astro
@@ -2,14 +2,14 @@
 import "./Whatisweb3Styles.css";
 ---
 
-<div class="centered">
+<div class="centered mt-[100px]">
     <div
         class="self-start relative w-full justify-center;"
         style="padding-block: 5vh;"
     >
         <div class="whatisweb3-wrapper">
             <div
-                class="bg-[url(../../../src/assets/img-left.webp)] bg-[50%_50%] bg-contain bg-no-repeat h-[817px] absolute flex w-[637px] z-[998] left-[11%]"
+                class="bg-[url(../../../src/assets/img-left.webp)] bg-[50%_50%] bg-contain bg-no-repeat h-[817px] absolute flex w-[637px] z-[998] left-[0%]"
             >
             </div>
             <div class="w3-container">
@@ -32,8 +32,13 @@ import "./Whatisweb3Styles.css";
                     transition from Web2 to Web3, which matters for privacy and
                     security.
                 </h4>
-                <div class="w3-btn-container">
-                    <a class="w3-btn" href="#">Learn More</a>
+                <div
+                    class="items-center bg-[color:var(--aquamarine)] flex h-[49px] ml-[-1.5px] max-w-[116px] transition-[0.3s] text-black mt-[22px] px-[3px] py-0 rounded-[5px] border-solid border-transparent scale-100 hover:transition-[0.5s] hover:bg-transparent transition-[0.5s] hover:border hover:border-[color:var(--aquamarine)] hover:text-[white] hover:border-solid"
+                >
+                    <a
+                        class="tracking-[0] min-h-[26px] text-center w-[234px] block"
+                        href="#">Learn More</a
+                    >
                 </div>
             </div>
         </div>
diff --git a/src/components/P1/Whatisweb3/Whatisweb3Styles.css b/src/components/P1/Whatisweb3/Whatisweb3Styles.css
index 63355c1..e08b10c 100644
--- a/src/components/P1/Whatisweb3/Whatisweb3Styles.css
+++ b/src/components/P1/Whatisweb3/Whatisweb3Styles.css
@@ -1,17 +1,17 @@
 .w3-container {
     z-index: 999 !important;
     width: 100%;
-    padding-left: 53vw;
+    padding-left: 50vw;
     transition: 0.5s;
 }
 
 .whatisweb3-wrapper {
     background-image: url("../../../assets/tilted-rectangle.webp");
     background-size: 100% 100%;
-    background-position: center;
     background-repeat: no-repeat;
+    left: 0%;
     width: 80%;
-    padding-block: 10em;
+    padding-block: 11em;
     justify-content: center;
     align-items: center;
     overflow: hidden;
@@ -19,39 +19,6 @@
     padding-left: calc(8px + 1.5625vw);
 }
 
-.w3-btn-container {
-    align-items: center;
-    z-index: 999 !important;
-    background-color: var(--aquamarine);
-    border-radius: 5px;
-    display: flex;
-    height: 49px;
-    margin-left: -1.5px;
-    margin-top: 22px;
-    max-width: 105px;
-    padding: 0 3px;
-    transform: scale(1);
-    transition: 0.5s;
-}
-
-.w3-btn-container:hover {
-    transform: scale(1.01);
-    transition: 0.5s;
-}
-
-.w3-btn-container a {
-    color: black;
-}
-
-.w3-btn {
-    letter-spacing: 0;
-    min-height: 26px;
-    text-align: center;
-    width: 105px;
-    display: block;
-    font-size: 15px;
-}
-
 .w3-transluscent {
     background-color: #020e1076;
     border-radius: 15px;