body {
    background-image: url('../images/red_white_chess.png'); /* Update the path to your image */
    background-size: cover; /* Ensures the image covers the entire container */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image from repeating */
  }

  .login-form {
    background-color: rgba(255, 255, 255, 0.8); /* White background with 80% opacity */
    border-radius: 15px; /* Rounded corners */
    padding: 20px; /* Adds padding inside the form */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow */
    width: 90%; /* Adjust the width */
    max-width: 600px; /* Max width of the form */
  }

  .login-form input {
    width: 100%; 
    padding: 10px; 
    border: 1px solid #ccc; 
    border-radius: 5px;
  }