From 0130519d6b4078ebf0df2be47e945dc0ca5f3346 Mon Sep 17 00:00:00 2001
From: Aarti <142134689+itsaartii@users.noreply.github.com>
Date: Mon, 21 Oct 2024 22:43:57 +0530
Subject: [PATCH] style/improve style

---
 src/css/Auth.css | 40 +++++++++++++++++++++++++++-------------
 1 file changed, 27 insertions(+), 13 deletions(-)

diff --git a/src/css/Auth.css b/src/css/Auth.css
index 7cc6077..defe08a 100644
--- a/src/css/Auth.css
+++ b/src/css/Auth.css
@@ -2,14 +2,13 @@
   width: auto;
   max-width: 500px;
   border-radius: 0.75rem;
-  background-color: #d75e0262;
-
+  background-color: #DFDFB0; /* Updated background */
   padding: 2rem;
   color: rgba(243, 244, 246, 1);
   margin: auto;
 }
 
-path{
+path {
   color: #000;
 }
 
@@ -40,14 +39,14 @@ path{
 .input-group input {
   width: 100%;
   border-radius: 0.475rem;
-  border: 1px solid #ede8cf;
+  border: 1px solid #ccc; /* Updated border */
   outline: 0;
   background-color: #EDE8CA;
   padding: 0.75rem 1rem;
-  color: rgba(243, 244, 246, 1);
+  color: rgba(17, 24, 39, 1);
 }
 
-#email{
+#email {
   border-radius: 0.475rem;
 }
 
@@ -73,21 +72,25 @@ path{
 
 .forgot a:hover,
 .signup a:hover {
-  text-decoration: underline #ff8800;
+  text-decoration: underline #007bff; /* Updated hover color */
 }
 
 .sign {
   display: block;
   width: 100%;
-  background-color: #ff8800;
+  background-color: #007bff; /* Updated button background */
   padding: 0.75rem;
   text-align: center;
-  color: rgba(17, 24, 39, 1);
+  color: #fff;
   border: none;
   border-radius: 0.475rem;
   font-weight: 600;
 }
 
+.sign:hover {
+  background-color: #0056b3; /* Updated button hover */
+}
+
 .social-message {
   display: flex;
   align-items: center;
@@ -133,6 +136,7 @@ path{
   line-height: 1rem;
   color: #000;
 }
+
 .password-container {
   position: relative;
   width: 100%;
@@ -140,7 +144,7 @@ path{
 
 .password-container input {
   width: 100%;
-  padding-right: 40px; 
+  padding-right: 40px;
 }
 
 .password-toggle {
@@ -151,12 +155,22 @@ path{
   background: none;
   border: none;
   cursor: pointer;
-  font-size: 1.2em; 
-  color: rgba(243, 244, 246, 1); 
+  font-weight: 300px;
+  font-size: 1.2em;
+  color: rgba(17, 24, 39, 1); /* Updated toggle color */
   display: flex;
   align-items: center;
 }
 
 .password-toggle:focus {
   outline: none;
-}
\ No newline at end of file
+}
+#password::placeholder {
+  font-weight: 200px;
+  color: rgba(17, 24, 39, 1); /* Optional: Adjust the color if needed */
+}
+#email::placeholder {
+  font-weight: 200px;
+  color: rgba(17, 24, 39, 1); /* Optional: Adjust the color */
+}
+