diff --git a/Css-files/signup1.css b/Css-files/signup1.css
index c8579472..185ce25c 100644
--- a/Css-files/signup1.css
+++ b/Css-files/signup1.css
@@ -24,7 +24,7 @@ body * {
 .main-login {
   width: 100vw;
   height: 100vh;
-  background: brown;
+  background:white;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -90,6 +90,7 @@ body * {
   display: flex;
   justify-content: center;
   align-items: center;
+
 }
 
 .card-login {
@@ -100,7 +101,9 @@ body * {
   padding: 10px 35px;
   border-radius: 20px;
   box-shadow: 0px 10px 50px #000000a4;
-  background-color: white;
+  background-color:rgb(221, 221, 247);
+  padding-left: 70px;
+  padding-right: 70px;
 }
 
 .card-login > h1 {
diff --git a/Html-files/signup.html b/Html-files/signup.html
index 95184ef4..9435baf9 100644
--- a/Html-files/signup.html
+++ b/Html-files/signup.html
@@ -22,8 +22,8 @@
   </div>
   <div class="main-login">
     <div class="left-login" data-aos="zoom-out-left" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
-      <h1>Sign Up Here<br>Good Food is Good Mood</h1>
-      <img src="../Images/desserts.avif" class="left-login-image" alt="food">
+      <!--<h1>Sign Up Here<br>Good Food is Good Mood</h1>-->
+      <img src="../Images/signupimage.jpg" class="left-login-image" alt="food">
     </div>
     <div class="right-login">
       <div class="card-login" data-aos="zoom-out-right" data-aos-duration="1000" data-aos-offset="170" data-aos-easing="ease-in-out">
@@ -32,7 +32,7 @@ <h1>SIGN UP</h1>
         <form id="signup-form">
           <div class="textfield">
             <label for="name">Name</label>
-            <input type="text" id="name" name="name" placeholder="Enter your name" required>
+            <input type="text" id="name" name="name" placeholder="Enter your name" required >
           </div>
           <div class="textfield">
             <label for="email">Email</label>
@@ -50,9 +50,10 @@ <h1>SIGN UP</h1>
             </span>
           </div>
           <button type="submit" class="btn-login">Register</button>
+          <h1 style="font-size:13px; text-align:center;">Already have an account <a href="C:\Users\user\Desktop\signupfood\Food-ordering-website\Html-files\login.html">login</a></h1>
         </form>
-        <h3><center>OR</center></h3>
-        <button id="google-login">Login with Google</button>
+        <!--<h3><center>OR</center></h3>
+        <button id="google-login">Login with Google</button>-->
       </div>
     </div>
   </div>
diff --git a/Images/signupimage.jpeg b/Images/signupimage.jpeg
new file mode 100644
index 00000000..4c174995
Binary files /dev/null and b/Images/signupimage.jpeg differ
diff --git a/Images/signupimage.jpg b/Images/signupimage.jpg
new file mode 100644
index 00000000..b93d2c5d
Binary files /dev/null and b/Images/signupimage.jpg differ
diff --git a/Images/signupimage.png b/Images/signupimage.png
new file mode 100644
index 00000000..9b7f0ec5
Binary files /dev/null and b/Images/signupimage.png differ
diff --git a/Images/signupimg.avif b/Images/signupimg.avif
new file mode 100644
index 00000000..3ed2fc55
Binary files /dev/null and b/Images/signupimg.avif differ