new design

login.html

@@ -26,10 +26,10 @@
             </div>
             <p class="error">Invalid Username/Email</p>
 
-            <div class="inp" style="margin-top: 10px; background-image: linear-gradient(135deg,hsl(0deg 0% 23%) 53%,hsl(328deg 54% 47%) 99%,hsl(328deg 100% 50%) 101%,hsl(338deg 100% 50%) 100%);">
+            <div class="inp" style="margin-top: 10px; background-image: linear-gradient(125deg,hsl(0deg 0% 100%) 0%,hsl(275deg 100% 72%) 63%,hsl(275deg 100% 72%) 80%,hsl(0deg 0% 100%) 100%);">
                 <p>PASSWORD</p>
                 <div>
-                    <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512" style="fill:#FC00A0">
+                    <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512">
                         <path d="M144 144v48H304V144c0-44.2-35.8-80-80-80s-80 35.8-80 80zM80 192V144C80 64.5 144.5 0 224 0s144 64.5 144 144v48h16c35.3 0 64 28.7 64 64V448c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V256c0-35.3 28.7-64 64-64H80z"/>
                     </svg>
                     <input type="password" placeholder="Enter password">

public/login.css

@@ -86,11 +86,11 @@ body
     border-radius:20px;
     margin:0;
     background-image: linear-gradient(
-        135deg,
-        hsl(0deg 0% 23%) 55%,
-        hsl(260deg 64% 44%) 100%,
-        hsl(245deg 100% 59%) 102%,
-        hsl(221deg 100% 49%) 100%
+        125deg,
+        hsl(0deg 0% 100%) 0%,
+        hsl(220deg 100% 77%) 63%,
+        hsl(220deg 100% 77%) 80%,
+        hsl(0deg 0% 100%) 100%
     );
 }
 
@@ -99,7 +99,7 @@ body
     display:flex;
     font-family:lexend-reg;
     font-size:16px;
-    color:white;
+    color:black;
     margin:0px auto 0px 0px;
 }
 
@@ -115,7 +115,7 @@ body
     width: 30px;
     height: 30px;
     margin:auto 0px auto 0px;
-    fill:blueviolet;
+    fill:#3a3a3a;
 }
 
 .inp div input 
@@ -125,7 +125,7 @@ body
     margin:auto 0px auto 20px;
     height: 20px;
     background-color: transparent;
-    color:white;
+    color:black;
     font-family: lexend-reg;
     font-size:16px;
     border:0;