diff --git a/login.php b/login.php index 2fe592e..720f0d6 100644 --- a/login.php +++ b/login.php @@ -11,9 +11,24 @@
-
- -
+
+
+ +
+ +
+
+ +
+ +
+ +
+ + + +
+
diff --git a/main.css b/main.css index 3749cf5..dd39d12 100644 --- a/main.css +++ b/main.css @@ -269,6 +269,68 @@ ul { padding : 10px; } +/*Login form*/ +.formcont { + flex: 1; + display: flex; + justify-content: center; + align-items: center; +} + +.formcont form { + width: 50vmin; + height: 40vmin; + border: 2px solid rgb(0, 0, 0); + padding: 20px; + display: flex; + flex-direction: column; + gap: 1.5vmin; + background:white; + border-radius: 12px; + box-shadow: 5px 5px 30px #555; +} + +.formcont form .form-group { + width: 100%; + display: flex; + flex-direction: column; + align-items: center; + padding: 1.2vmin; + padding-left:0px; +} + +.formcont form .form-group label { + width: 95%; + text-align: center; + color:black; + font-size:5vmin; +} + +.formcont form .form-group input { + width: 95%; + box-sizing: border-box; + font-size:3vmin; + padding:1vmin; + +} + +.formcont form button { + width: 48%; + height: 19%; + padding:0.5vmin; + box-sizing: border-box; + margin: 0 auto; + background: #ffa04d; + color: black; + font-size: 5vmin; + border-radius: 7px; + box-shadow: 2px 2px 0px #000000; +} + +.form-control { + border-radius: 10px; + box-shadow: 3px 4px 5px #8c8c8c; +} /*Footer et son contenue*/ footer{