Merge pull request #215 from riyaaryan2004/main

Signup page updated

signUp.css

@@ -25,19 +25,19 @@ 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 */
     border-radius: 12px; /* More rounded corners for a modern feel */
     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 */

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>