diff --git a/Frontend/react-app-team51/src/styles/Signup.css b/Frontend/react-app-team51/src/styles/Signup.css
index b4320b8..08d7997 100644
--- a/Frontend/react-app-team51/src/styles/Signup.css
+++ b/Frontend/react-app-team51/src/styles/Signup.css
@@ -1,60 +1,35 @@
-/* Signup.css */
+/* Adjust the overall body styling */
+body {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  margin: 0;
+  background-color: #ffffff; /* White background */
+  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* Change the font here */
+}
 
+/* Update the signup container for centering */
 .signup-container {
   max-width: 450px;
-  margin: 0 auto;
   padding: 2rem;
   border-radius: 10px;
   box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
   text-align: center;
-  font-family: Arial, sans-serif;
-}
-
-h2 {
-  font-size: 1.8rem;
-  color: #333;
-  margin-bottom: 1rem;
 }
 
-form {
-  display: flex;
-  flex-direction: column;
+h2, form, p, a {
+  color: #333; /* Ensuring text is visible on a white background */
 }
 
-input[type="text"], input[type="number"], input[type="password"], input[type="email"] {
-  padding: 0.75rem;
-  margin: 0.5rem 0;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  font-size: 1rem;
-}
-
-button {
-  padding: 0.75rem;
-  margin-top: 1rem;
-  background-color: #d4a017;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  font-size: 1rem;
-  cursor: pointer;
-  transition: background-color 0.3s ease;
+input[type="text"], input[type="number"], input[type="password"], input[type="email"], button {
+  width: 100%; /* Ensuring inputs and button stretch to container width */
 }
 
 button:hover {
   background-color: #b08d14;
 }
 
-p {
-  font-size: 0.9rem;
-  color: #666;
-}
-
-a {
-  color: #d4a017;
-  text-decoration: none;
-}
-
 a:hover {
   text-decoration: underline;
 }
diff --git a/projectdatabase.db b/projectdatabase.db
index ef55090..9b9faf2 100644
Binary files a/projectdatabase.db and b/projectdatabase.db differ