From 477ae3ee20717f7cff982f90f963d2d3635ca025 Mon Sep 17 00:00:00 2001
From: devartes <anacavalcante731@gmail.com>
Date: Sat, 7 Jan 2023 17:29:26 -0300
Subject: [PATCH] =?UTF-8?q?style(main):=20add=20estilo=20no=20formul=C3=A1?=
 =?UTF-8?q?rio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Main/Main.module.scss | 73 +++++++++++++++++++++++++++-
 src/variaveis.scss                   |  6 ++-
 2 files changed, 76 insertions(+), 3 deletions(-)

diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss
index 364362a..a615234 100644
--- a/src/components/Main/Main.module.scss
+++ b/src/components/Main/Main.module.scss
@@ -104,7 +104,8 @@ main {
             display: flex;
             flex-direction: column;
             width: 27.864%;
-            border-right: 1px solid #000000;
+            height: 285px;
+            border-right: 1px solid $black;
             @media (min-width: 2500px) {
                 width: 25.601%;
             }
@@ -133,7 +134,7 @@ main {
                             height: 58px;
                             font-size: 32px;
                             line-height: 38px;
-                        }                    
+                        }
                     }
                 }
             }
@@ -188,3 +189,71 @@ main {
         }
     }
 }
+//Form
+.Contato {
+    form {
+        .FormContent {
+            width: 100%;
+            row-gap: 12px;
+            display: flex;
+            flex-direction: column;
+            &__Field {
+                width: 100%;
+                font-family: "Roboto";
+                font-style: normal;
+                font-weight: 400;
+                font-size: 14px;
+                line-height: 16px;
+                color: $secundary-100;
+                & label {
+                    font-family: "Roboto";
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 16px;
+                    color: $secundary-200;
+                    margin-left: 15px;
+                }
+                & input {
+                    width: 94.39%;
+                    height: 14.02px;
+                    background: $white;
+                    border: 1px solid $secundary-200;
+                    border-radius: 25px;
+                    padding: 15px 20px;
+                    font-family: "Roboto";
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 14px;
+                    line-height: 16px;
+                    color: $secundary-100;
+                    margin-top: 12px;
+                }
+                &__Error {
+                    font-family: "Roboto";
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 12px;
+                    line-height: 14px;
+                    text-align: right;
+                    color: $primary-900;
+                    position: absolute;
+                    right: 120px;
+                    transform: translateY(-2px);
+                }
+            }
+            & button {
+                background: $black;
+                border-radius: 25px;
+                color: $white;
+                font-family: 'Roboto';
+                font-style: normal;
+                font-weight: 400;
+                font-size: 16px;
+                line-height: 19px;
+                text-transform: uppercase;
+                padding: 17px 0 16.44px;
+            }
+        }
+    }
+}
diff --git a/src/variaveis.scss b/src/variaveis.scss
index b0d8901..0c1747a 100644
--- a/src/variaveis.scss
+++ b/src/variaveis.scss
@@ -6,4 +6,8 @@ $primary-200: #303030;
 $primary-300: #5E5E5E;
 $primary-700: #f2f2f2;
 $primary-600: #C4C4C4;
-$primary-500: #C6C6C6;
\ No newline at end of file
+$primary-500: #C6C6C6;
+$primary-900:  #FF0000;
+
+$secundary-100: #b9b7b7;
+$secundary-200: #100d0e;
\ No newline at end of file