From 72365be65a0a445e3651c1d323f7b3ac4e9c46bc Mon Sep 17 00:00:00 2001
From: yuri alves <yurivalerio12@gmail.com>
Date: Wed, 25 Oct 2023 13:58:40 -0300
Subject: [PATCH] =?UTF-8?q?:racehorse:=20otimiza=C3=A7=C3=A3o=20da=20pagin?=
 =?UTF-8?q?a=20contato?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Contato.js           |  4 ++--
 src/style/components/input.css |  5 +++--
 src/style/pages/contato.css    | 39 +++++++++++++++-------------------
 3 files changed, 22 insertions(+), 26 deletions(-)

diff --git a/src/pages/Contato.js b/src/pages/Contato.js
index 0298e52e..9086cffb 100644
--- a/src/pages/Contato.js
+++ b/src/pages/Contato.js
@@ -44,14 +44,14 @@ export default function Contato() {
             <Input
               label="Nome"
               placeholder="Digite seu nome"
-              className="input"
+              className="input-contato-form"
               value={nome}
               onChange={(e) => setNome(e.target.value)}
             />
             <Input
               label="E-mail"
               placeholder="Digite seu email"
-              className="input"
+              className="input-contato-form"
               value={email}
               onChange={(e) => setEmail(e.target.value)}
             />
diff --git a/src/style/components/input.css b/src/style/components/input.css
index 37e1db71..e3ad9e21 100644
--- a/src/style/components/input.css
+++ b/src/style/components/input.css
@@ -17,11 +17,12 @@
 
 
 .Input label {
-    color: #036;;
-    font-size: 14px;
+    color: #036;
+    font-size: 1rem;
     font-style: normal;
     font-weight: bold;
     line-height: normal;
     letter-spacing: 0.8px;
     padding-bottom: 0.5rem;
 }
+
diff --git a/src/style/pages/contato.css b/src/style/pages/contato.css
index df87ff9e..3e20d6eb 100644
--- a/src/style/pages/contato.css
+++ b/src/style/pages/contato.css
@@ -35,8 +35,8 @@
     flex-direction: column;
     justify-content: space-around;
     position: fixed;
-    width: 50vw;
-    height: 78vh;
+    width: 30vw;
+    height: 60vh;
     box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.12), 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
 }
 
@@ -63,14 +63,23 @@
     
     
 }
+
+.input-contato-form{
+    height: 3vh !important;
+    width: 11vw !important;
+}
+
+
+
+
 .Enviar-button{
     
     color: #fff;
     border-radius: 50px;
     box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.25);
-    width: 12rem;
+    width: 12vw;
     border: none;
-    height: 1.8rem;
+    height: 3.5vh;
     letter-spacing: 0.08rem;
     font-weight: bold; 
     background-color: #006633;
@@ -91,26 +100,12 @@
     align-items: flex-start;
     
 }
-
-.input{
-    height: 2.1875rem;
-    border: 0.063rem solid #003366;
-    border-radius: 0.625rem; 
-    text-indent: 0.75rem;
-    letter-spacing: 0.05rem;
-  }
-  
-.input::placeholder {
-    color: #6C6C6C;
-    font-size: 1rem;
-    letter-spacing: 0.05rem;
-}
-  
+ 
 
 
 .Assunto-input label{
     color: #036;
-    font-size: 14px;
+    font-size: 1rem;
     font-style: normal;
     font-weight: bold;
     line-height: normal;
@@ -119,8 +114,8 @@
 }
 
 .Larger-input{
-    width: 28rem;
-    height: 12rem;
+    width: 25vw;
+    height: 18vh;
     border: 1px solid #036;
     border-color: #036;
     border-radius: 7.5px;