From 0b1a21e9c4ef7fcfbbf9ab1619dc5719789a2b4a Mon Sep 17 00:00:00 2001
From: riya <riyaaryan2004@gmail.com>
Date: Mon, 7 Oct 2024 20:31:47 +0530
Subject: [PATCH] Signup page updated

---
 signUp.css  | 15 ++++++++-------
 signUp.html |  2 +-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/signUp.css b/signUp.css
index 6e7d64ae..ccfdac41 100644
--- a/signUp.css
+++ b/signUp.css
@@ -25,11 +25,11 @@ body {
     display: flex;
     justify-content: center; 
     align-items: center;
-    height: 100vh; 
+    min-height: 600px; 
 }
 
 .signup-box {
-    position: fixed;
+    position: relative;
     top: 24%;
     margin-top: 0px;
     background: #fff; /* Clean white background for contrast */
@@ -37,7 +37,7 @@ body {
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); /* Stronger shadow for depth */
     padding: 2.5rem; /* Increased padding for better spacing */
     width: 100%; 
-    max-width: 450px; /* Slightly larger width */
+    max-width: 400px; /* Slightly larger width */
     transition: transform 0.3s ease-in-out; /* Smooth transition for hover effects */
 }
 
@@ -84,13 +84,14 @@ body {
 }
 
 .input-field {
-    margin-bottom: 1.2rem; 
+    margin-bottom: 1.1rem; 
 }
 
 .input-field label {
     display: block; 
-    margin-bottom: 0.5rem; 
+    margin-bottom: 0.4rem; 
     font-weight: bold; 
+    font-size: medium;
 }
 
 .input-field input {
@@ -103,8 +104,8 @@ body {
 
 .input-field button {
     width: 100%; 
-    margin-top: 5px;
-    padding: 15px; /* Increased padding for a larger button */
+    margin-top: 4px;
+    padding: 10px; /* Increased padding for a larger button */
     border: none;
     border-radius: 8px; /* More rounded button */
     background-color: #4a8ae4; /* Bright teal background */
diff --git a/signUp.html b/signUp.html
index 1b6dc829..ee509ca3 100644
--- a/signUp.html
+++ b/signUp.html
@@ -68,7 +68,7 @@ <h2>Create Account</h2>
         </form>
         <div class="signin-link">
           <p>Already have an account? <a href="login.html">Sign in</a></p>
-      </div>
+        </div>
       </div>
     </div>