/* Center the form and control its width */
form {
    max-width: 50%; /* Set form width to 80% of the container */
    margin: 0 auto; /* Center the form horizontally */
    padding: 20px; /* Add padding for better spacing */
    border: 1px solid #ccc; /* Add a light border for better visibility */
    border-radius: 10px; /* Rounded corners */
    background-color: #f9f9f9; /* Light background color */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

/* Add some spacing and styling to input fields and buttons */
form .form-control {
    margin-bottom: 15px; /* Add space between input fields */
}

form button {
    font-size: 1.2rem; /* Increase button font size */
    padding: 10px 20px; /* Add padding to the button */
}