From cb5ad0c5bce913a708b83875deb9907c6677eebc Mon Sep 17 00:00:00 2001
From: abdoul aziz diallo <abdoul-aziz.diallo@etu.unistra.fr>
Date: Tue, 14 Feb 2023 14:40:59 +0100
Subject: [PATCH] Change the design of the form
---
assets/css/contact.css | 32 ++++++++++++++++++++++++--------
1 file changed, 24 insertions(+), 8 deletions(-)
diff --git a/assets/css/contact.css b/assets/css/contact.css
index af9af90..f5b628e 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -1,28 +1,43 @@
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);
}
--
GitLab