Adjust error message styling

Author: mariana-caldas

styles/Contact.module.scss

@@ -81,10 +81,12 @@
   }
 
   &__errorMessage {
-    color: $white;
+    color: $error;
     margin: 0.1rem 0 1rem;
-    font-size: 1.2rem;
+    font-size: 1rem;
     height: 1.5rem;
+    font-style: italic;
+    align-self: start;
   }
 
   &__input {

styles/Newsletter.module.scss

@@ -2,16 +2,20 @@
 @use './variables' as *;
 
 .newsletterFormInfo {
-  font-size: 0.9rem;
+  font-size: 1rem;
   font-style: italic;
+  color: $primary-content-color;
+
+  .newsletterFormError {
+    color: $error;
+  }
 
   .newsletterFormError,
   .newsletterFormSuccess,
   .newsletterFormSending {
-    color: $primary-content-color;
     margin-top: 1rem;
 
-    @include large-desktop {
+    @include desktop {
       font-size: 1.2rem;
       margin: 0;
     }

styles/_variables.scss

@@ -17,7 +17,7 @@ $dark-bg-color: #023047;
 $light-bg-color: #8cd5e8;
 $primary-accent-color: #ffcc4c;
 $secondary-accent-color: #19aad1;
-$error: #ab5252;
+$error: #be1313;
 $black: #000000;
 $white: #ffffff;
 $transparent: transparent;