Début page contact

contact.html

@@ -55,7 +55,7 @@
             style="position: absolute; right: 1%; top: 40px"
           />
           <div class="container2">
-            <h1>FormSubmit Demo</h1>
+            <h2>Envoyez nous un email:</h2>
             <form target="_blank" action="https://formsubmit.co/oumaelktb@gmail.com" method="POST">
               <div class="form-group">
                 <div class="form-row">
@@ -68,9 +68,13 @@
                 </div>
               </div>
               <div class="form-group">
+                <div class="col">
                   <textarea placeholder="Your Message" class="form-control" name="message" rows="10" required></textarea>
                 </div>
-              <button type="submit" class="button">Submit Form</button>
+              </div>
+              <div class="send">
+                <button type="submit">Submit Form</button>
+              </div>
 
             </form>
           </div>

styles.css

@@ -24,23 +24,25 @@ body {
 }
 h1 {
   /*Titre page principale*/
-  color: #fffefe;
-  font-size: 12vw;
-  font-weight: 700;
+  color: white;
+  font-size: 8vw;
+  font-weight: 600;
   line-height: 98%;
   margin-top: 23px;
+  text-align: center;
 }
 h2 {
   /*Titres autres pages*/
-  color: #fffefe;
+  color: white;
   font-family: "Roboto Condensed", sans-serif;
   font-size: min(50px, 10vw);
   margin: 10px;
   margin-top: min(20px, 8vw);
+  text-align: center;
 }
 h3 {
   /*Titre*/
-  color: #fffefe;
+  color: white;
   font-size: 3vw;
 }
 .card h3 {
@@ -227,6 +229,8 @@ button {
   padding: 10px;
   margin: 10px;
   width: 25%;
+  text-align: center;
+  align-items: center;
 }
 button:hover {
   background-color: grey;
@@ -234,19 +238,19 @@ button:hover {
 }
 
 .button {
+  display: flex;
   font-family: "Roboto Condensed", sans-serif;
-  margin-top: 10px;
-  margin-left: auto;
+  margin: auto;
   border-radius: 10px;
-  background-color: red;
+  background-color: #AB3333;
   border: none;
   color: white;
   text-align: center;
   font-size: min(20px, 3vw);
   padding: 10px;
-  width: 50%;
   transition: all 0.5s;
   cursor: pointer;
+  align-items: center;
 }
 
 .button span {
@@ -521,3 +525,31 @@ p li {
   font-size: min(12px, 2vw);
   margin: 0;
 }
+
+.container2 {
+  align-items: center;
+}
+
+.col {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 20px;
+  margin-left: 20px;
+  margin-top: 10px;
+  margin-bottom: 10px;
+  box-sizing: border-box;
+}
+
+.form-control {
+  width: 400px;
+}
+
+.send {
+  background-color: #AB3333;
+  border: none;
+  color: white;
+  align-items: center;
+  text-align: center;
+  text-decoration-color: #21351e;
+}
\ No newline at end of file