Modify style for mapageperso

app/static/css/monsiteperso.css

@@ -7,9 +7,11 @@ body {
     background-color: rgb(240, 240, 240); /* Ajoutez une couleur de fond pour le contraste */
   }
   
- 
+ label {
+	 font-weight:700;
+ }
 .form_main {
-    width: 220px;
+    width: 80%;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -43,15 +45,16 @@ body {
     margin: 5px 0 10px 0;
     z-index: 2;
     text-align: center;
+    padding-bottom: 30px;
 }
 
 .inputContainer {
     width: 100%;
     position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+    display: flow-root;
+    text-align: center;
     z-index: 2;
+    margin-bottom: 30px;
 }
 
 .inputIcon {
@@ -61,7 +64,7 @@ body {
 
 .inputField {
     width: 100%;
-    height: 30px;
+    height: 20px;
     background-color: transparent;
     border: none;
     border-bottom: 2px solid rgb(173, 173, 173);
@@ -71,6 +74,7 @@ body {
     font-weight: 500;
     box-sizing: border-box;
     padding-left: 30px; /* Pour laisser de l'espace pour l'icône */
+    text-align: center;
 }
 
 .inputField:focus {
@@ -84,7 +88,11 @@ body {
     font-weight: 500;
 }
 
-#button {
+.errors {
+    color: red;
+}
+
+.button {
     z-index: 2;
     position: relative;
     width: 100%;
@@ -101,7 +109,7 @@ body {
     transition: background-color 0.3s;
 }
 
-#button:hover {
+.button:hover {
     background-color: rgb(126, 84, 255);
 }