Merge pull request 'development' (#5) from development into main

Reviewed-on: #5

src/components/ContactForm.tsx

@@ -114,7 +114,7 @@ export const ContactForm = () => {
 
           <div className="checkbox_wrapper">
             <label htmlFor="checkbox">Declaro que li e aceito</label>
-            <span className="error">
+            <span className="errorCheckbox">
               <ErrorMessage name="checkbox" className="form-ivalid-feedback" />
             </span>
             <Field
@@ -125,7 +125,9 @@ export const ContactForm = () => {
             />
           </div>
           <button>CADASTRE-SE</button>
-          {isSubmited && <span>*Formulário enviado com sucesso!</span>}
+          {isSubmited && (
+            <span className="formSubmit">*Formulário enviado com sucesso!</span>
+          )}
         </Form>
       )}
     </Formik>

src/pages/Contact.modules.scss

@@ -62,6 +62,21 @@ form {
       }
     }
   }
+  .formSubmit {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 14px;
+    margin-top: 12.56px;
+
+    color: #008000;
+    @media (min-width: 2500px) {
+      font-size: 24px;
+      line-height: 28px;
+      margin-top: 12px;
+    }
+  }
   .error {
     display: flex;
     justify-content: end;
@@ -81,6 +96,14 @@ form {
       line-height: 28px;
     }
   }
+  .errorCheckbox {
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 16px;
+    color: #ff0000;
+  }
 
   .checkbox_wrapper {
     margin: 12px 0;