#createAccountForm {
    width: 50%; /* Default width */
    margin: 0 auto; /* Center the form */
}

/* Media query for narrow screens */
@media (max-width: 730px) {
    #createAccountForm {
        width: 90%; /* Width for screens narrower than 400px */
    }
}
#createAccountForm {
    margin: auto;
  padding: 20px;
  border: 4px solid var(--colorVar_terminalGreen);
  width: 80%;
  max-width: 500px;
  z-index: 1001; /* Ensure it is above the overlay */
  border-radius: 20px;
  margin-top: 10%;
  color: var(--colorVar_terminalGreen);
  background-color: var(--mainBGcolor);
}