added back to home button on login.html and signup.html pages (#534)

Author: Rupali-gituser

login.html

@@ -22,6 +22,7 @@ <h2>Login</h2>
     </form>
     <p class="form-link">Don't have an account? <a href="signup.html">Sign up</a></p>
   </div>
+  <button class="back-button" onclick="window.location.href='index.html'"> ← Back To Home</button>
   <script src="scripts/auth.js"></script>
 </body>
 </html>

signup.html

@@ -26,6 +26,7 @@ <h2>Sign up</h2>
     </form>
     <p class="form-link">Already have an account? <a href="login.html">Login</a></p>
   </div>
+  <button class="back-button signup" onclick="window.location.href='index.html'"> ← Back To Home</button>
   <script src="scripts/auth.js"></script>
 </body>
 </html>

styles/login.css

@@ -106,6 +106,25 @@ body {
   text-decoration: underline;
   color: #f0f0f0;
 }
+.back-button {
+  position: absolute;
+  bottom:60px;
+  background-color: rgba(255, 255, 255, 0.1);
+  border: none;
+  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
+  color: #fff;
+  padding: 10px;
+  border-radius: 6px;
+  cursor: pointer;
+  font-size: 1rem;
+  
+}
+.signup {
+  bottom:35px; /* Adjusted for better positioning */
+}
+.back-button:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
 
 /* --- Media Query for Mobile Devices --- */
 @media (max-width: 600px) {
@@ -140,4 +159,5 @@ body {
     padding: 12px; /* Reduces button padding */
     font-size: 1rem; /* Smaller font size for button text */
   }
+  
 }