Change the design of the form

assets/css/contact.css

 body {
-  /* background: linear-gradient(90deg, rgb(228, 220, 220), rgb(148, 138, 138)); */
-  background-color: rgba(182, 170, 170, 0.886);
+  /* background: linear-gradient(90deg, rgb(228, 220, 220), rgb(148, 138, 138));
+  background-color: rgba(182, 170, 170, 0.886); */
+  margin: 0;
 }
 
-header {
-  position: static;
+/* header {
+  position: absolute;
   background: linear-gradient(30deg, rgb(252, 233, 233), rgb(195, 189, 189));
-}
+} */
 
 main {
-  width: 30rem;
-  margin: 3rem auto;
+  /* width: 30rem; */
+  /* margin: 3rem auto; */
+  background: url("/assets/images/projects/web3.jpg");
+  height: 800px;
+  background-position: center;
+  background-size: cover;
 }
 
 h1 {
+  margin-top: 0;
   text-align: center;
 }
 
 form {
+  width: 30rem;
   background-color: rgb(255, 255, 255);
   padding: 1rem;
   border-radius: 6px;
   font-family: "Roboto", sans-serif;
-  box-shadow: 3px 3px 3px black;
+  margin: 0 auto;
+  box-shadow: 3px 3px 5px black;
+}
+
+h1,
+form {
+  position: relative;
+  top: 120px;
+  left: 250px;
 }
 
 input,
@@ -80,4 +95,5 @@ button {
 
 button:hover {
   background: rgba(0, 105, 217, 1);
+  border-color: rgb(0, 105, 217, 1);
 }