From 08f0c3e4fcc3a165d7782e9c77f730e6a392693a Mon Sep 17 00:00:00 2001
From: Luiz Felipe Silva <felipesilva9627@hotmail.com>
Date: Wed, 18 Jan 2023 23:41:13 -0300
Subject: [PATCH 1/2] =?UTF-8?q?style:=20trocado=20cor=20hexadecimal=20por?=
 =?UTF-8?q?=20vari=C3=A1vel=20sass.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header/Nav.module.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Header/Nav.module.scss b/src/components/Header/Nav.module.scss
index 31726b8..1be323f 100644
--- a/src/components/Header/Nav.module.scss
+++ b/src/components/Header/Nav.module.scss
@@ -2,7 +2,7 @@
 
 .nav {
   padding: 14px 100px;
-  background-color: $black;
+  background-color: $black-100;
   text-decoration: none;
 
   @media (max-width: 1024px) {

From 50caf57738dc63e58fd6400746acba40128ed514 Mon Sep 17 00:00:00 2001
From: Luiz Felipe Silva <felipesilva9627@hotmail.com>
Date: Wed, 18 Jan 2023 23:43:30 -0300
Subject: [PATCH 2/2] =?UTF-8?q?style:=20trocado=20cor=20hexadecimal=20por?=
 =?UTF-8?q?=20vari=C3=A1vel=20sass.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../footer/FooterBottom.module.scss           |  2 +-
 src/components/footer/FooterTop.module.scss   | 52 ++++++++++++-------
 src/components/footer/Newsletter.module.scss  |  4 +-
 src/pages/Home.tsx                            |  4 +-
 src/styles/utils/variables.scss               |  6 ++-
 5 files changed, 43 insertions(+), 25 deletions(-)

diff --git a/src/components/footer/FooterBottom.module.scss b/src/components/footer/FooterBottom.module.scss
index 5f3ae93..0e9a442 100644
--- a/src/components/footer/FooterBottom.module.scss
+++ b/src/components/footer/FooterBottom.module.scss
@@ -2,7 +2,7 @@
 
 .footerBottom {
   padding: 15px 100px;
-  background-color: $black;
+  background-color: $black-100;
   color: $white;
   display: flex;
   align-items: center;
diff --git a/src/components/footer/FooterTop.module.scss b/src/components/footer/FooterTop.module.scss
index 045cf72..276373a 100644
--- a/src/components/footer/FooterTop.module.scss
+++ b/src/components/footer/FooterTop.module.scss
@@ -24,28 +24,40 @@
 
     @media (max-width: 1024px) {
       text-transform: capitalize;
+      position: relative;
+      &::after {
+        content: "+";
+        position: absolute;
+        right: 0;
+      }
     }
   }
 
-  li {
-    list-style: none;
-    margin-bottom: 12px;
-
-    a {
-      font-size: 12px;
-      font-weight: 400;
-      line-height: 14px;
-      text-decoration: none;
-      color: $primary-100;
-
-      @media (min-width: 2500px) {
-        font-size: 24px;
-        line-height: 28px;
-      }
+  ul {
+    @media (max-width: 1024px) {
+      display: none;
     }
 
-    &:last-child {
-      text-decoration: underline;
+    li {
+      list-style: none;
+      margin-bottom: 12px;
+
+      a {
+        font-size: 12px;
+        font-weight: 400;
+        line-height: 14px;
+        text-decoration: none;
+        color: $primary-100;
+
+        @media (min-width: 2500px) {
+          font-size: 24px;
+          line-height: 28px;
+        }
+      }
+
+      &:last-child {
+        text-decoration: underline;
+      }
     }
   }
 
@@ -59,6 +71,10 @@
         line-height: 28px;
       }
 
+      @media (max-width: 1024px) {
+        display: none;
+      }
+
       &:nth-child(2),
       &:nth-child(4) {
         font-weight: 500;
@@ -92,7 +108,7 @@
         }
       }
     }
-    
+
     img {
       @media (min-width: 2500px) {
         width: 70px;
diff --git a/src/components/footer/Newsletter.module.scss b/src/components/footer/Newsletter.module.scss
index e7621e1..1ba5d70 100644
--- a/src/components/footer/Newsletter.module.scss
+++ b/src/components/footer/Newsletter.module.scss
@@ -2,7 +2,7 @@
 
 .newsletter {
   margin-top: 70px;
-  border: 1px solid $black;
+  border: 1px solid $black-100;
   border-left: none;
   border-right: none;
   display: flex;
@@ -72,7 +72,7 @@
         height: 42px;
         width: 126px;
         border-radius: 4px;
-        background: $black;
+        background: $black-100;
         color: $white;
         font-size: 12px;
         font-weight: 700;
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index fbe8ae0..3a30eac 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -7,12 +7,12 @@ import { Footer } from "./Footer";
 
 function Home() {
   return (
-    <body>
+    <React.Fragment>
       <Header />
       <Section />
       <Footer />
       <ButtonsGlobal />
-    </body>
+    </React.Fragment>
   );
 }
 
diff --git a/src/styles/utils/variables.scss b/src/styles/utils/variables.scss
index 9fe198f..da2c97c 100644
--- a/src/styles/utils/variables.scss
+++ b/src/styles/utils/variables.scss
@@ -1,7 +1,9 @@
-$black: #000000;
+$black-100: #000000;
+$black-300: #100d0e;
 $white: #ffffff;
 $primary-900: #ff0000;
 $primary-700: #f2f2f2;
-$primary-500: #c4c4c4;
+$primary-500: #b9b7b7;
+$primary-400: #c4c4c4;
 $primary-300: #7d7d7d;
 $primary-100: #303030;