login page

WEB/View/src/CSS/Login.css

@@ -16,7 +16,7 @@ body {
   color: white;
   scroll-behavior: smooth;
   height: 100vh;
-  background-image: url("../../assets/img/ImgMain2.png");
+  background-image: url("../../assets/img/LoginBG.png");
   background-position: center center;
   background-attachment: fixed;
   background-repeat: no-repeat;
@@ -43,8 +43,9 @@ body {
 
 .login-box .user-box input {
   width: 100%;
-  padding: 10px 0;
-  font-size: 16px;
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  padding: 8px 0;
+  font-size: 12px;
   color: #fff;
   border: none;
   border-bottom: 1px solid #fff;
@@ -70,7 +71,7 @@ body {
 .login-box .user-box input:valid ~ label {
   top: -20px;
   left: 0;
-  color: #6090d1;
+  color: #be5631;
   font-size: 12px;
 }
 
@@ -80,7 +81,7 @@ body {
   display: inline-flex;
   justify-content: center;
   padding: 10px 0px;
-  color: #6090d1;
+  color: #5fc198;
   background: transparent;
   border: none;
   font-size: 16px;
@@ -97,11 +98,11 @@ body {
 
 .login-box a:hover,
 .login-box button:hover {
-  background: #6090d1;
+  background: #5fc198;
   color: #fff;
   border-radius: 5px;
-  box-shadow: 0 0 5px #6090d1, 0 0 25px #6090d1, 0 0 50px #6090d1,
-    0 0 100px #6090d1;
+  box-shadow: 0 0 5px #5fc198, 0 0 25px #5fc198, 0 0 50px #5fc198,
+    0 0 100px #5fc198;
 }
 
 .login-box a span,
@@ -116,7 +117,7 @@ body {
   left: -100%;
   width: 100%;
   height: 2px;
-  background: linear-gradient(90deg, transparent, #6090d1);
+  background: linear-gradient(90deg, transparent, #5fc198);
   animation: btn-anim1 1s linear infinite;
 }
 
@@ -136,7 +137,7 @@ body {
   right: 0;
   width: 2px;
   height: 100%;
-  background: linear-gradient(180deg, transparent, #6090d1);
+  background: linear-gradient(180deg, transparent, #5fc198);
   animation: btn-anim2 1s linear infinite;
   animation-delay: 0.25s;
 }
@@ -157,7 +158,7 @@ body {
   right: -100%;
   width: 100%;
   height: 2px;
-  background: linear-gradient(270deg, transparent, #6090d1);
+  background: linear-gradient(270deg, transparent, #5fc198);
   animation: btn-anim3 1s linear infinite;
   animation-delay: 0.5s;
   -webkit-animation: btn-anim3 1s linear infinite;
@@ -179,7 +180,7 @@ body {
   left: 0;
   width: 2px;
   height: 100%;
-  background: linear-gradient(360deg, transparent, #6090d1);
+  background: linear-gradient(360deg, transparent, #5fc198);
   animation: btn-anim4 1s linear infinite;
   animation-delay: 0.75s;
 }

WEB/View/src/pages/LogSign/Login.php

@@ -22,9 +22,9 @@
       <form action="index.php?action=login" method="POST">
         <div class="user-box mb-5 position-relative">
           <input type="text" id="email" name="email" required="" />
-          <label class="py-1">Email</label>
+          <label>Email</label>
         </div>
-        <div class="user-box mb-3 position-relative">
+        <div class="user-box mb-5 position-relative">
           <input type="password" id="password" name="password" required="" />
           <label>Password</label>
         </div>