/* styles.css */
#userForm {
  font-family: 'Roboto Condensed', sans-serif;
  max-width: 400px; /* Adjust the maximum width as needed */
  margin: 0 auto; /* Center the form */
  padding: 20px;
  box-sizing: border-box; /* Include padding and border in the total width/height */
}

#userForm label,
#userForm input,
#userForm select,
#userForm button {
  font-size: 16px;
  width: 100%;
  margin-bottom: 15px; /* Adjust spacing between form elements */
}
/* Increase the height of the dropdown list */
#district {
  height: 40px; /* Adjust the height as needed */
}
.submit-button {
  background-color: #FFDB58; /* Mustard yellow background */
  color: #000; /* Black text */
  border: none;
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Shadow effect */
  padding: 10px 20px; /* Adjust padding as needed */
  cursor: pointer;
}

/* Responsive Styles */
@media only screen and (min-width: 600px) {
  #userForm {
    max-width: 600px; /* Adjust the maximum width for larger screens */
  }
}

/* Add more media queries as needed for different screen sizes */