continued form in contact page

pages/contact.css

@@ -102,7 +102,8 @@ h1{
 }
 
 thead{
-    background-color: lightgreen;
+    background-color:rgb(8, 105, 85);
+    color: lightblue;
 
 }
 th,td{
@@ -115,3 +116,23 @@ th,td{
     color: seagreen;
     margin-left: 600px;
 }
+
+.form{
+    display: flex;
+    width: 35%;
+    height: 300px;
+    border: 3px solid green;
+    align-items: center;
+    flex-direction: column;
+    margin-left: 620px;
+    margin-top: 100px;
+    background-color: rgb(159, 199, 159);
+    box-shadow: 2px 5px 3px;
+
+}
+
+textarea{
+    resize:initial;
+    width: 527px;
+    height:80px;
+}

pages/contact.html

@@ -40,8 +40,8 @@
             </tr>
         </table>
 
-        <div>
-            <p>Nous contacter</p>
+        <div class="form">
+            <p><b>Nous contacter</b></p>
             <form method="get" action="">
                 <p>
                     <label for="prenom">Votre prénom :</label>
@@ -54,7 +54,10 @@
                 <p>
                        <label for="contacter">Des questions a nous poser?</label><br>
                        <textarea name="contacter" id="contacter"></textarea>
-                   </p>
+                </p>
+                <p>
+                    <button>Envoyer</button>
+                </p>
 
             </form>
         </div>