add mailing system

styles/main.css

@@ -29,7 +29,6 @@ body {
     margin: 0px;
     padding: 40px;
     top: 0;
-    display: flex;
     justify-content: center;
     background-color: var(--dark-color);
     color: white;
@@ -250,6 +249,7 @@ form {
     display: flex;
     flex-direction: column;
     gap: 20px;
+    position: relative;
 }
 
 input,
@@ -262,6 +262,26 @@ textarea {
     resize: none;
 }
 
+.message-response {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    background-color: var(--dark-color);
+    border: 2px solid #688e26;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    font-size: 24px;
+    gap: 10px;
+}
+
+.message-response.failed {
+    border: 2px solid #d42222;
+}
+
 /* ###############################################################################################
 ##################################################################################################
 ##################################################################################################