dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.6);
}
/* Style the dialog itself */
dialog {
    border-radius: 0.5rem;
    border: none;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.3);
    width: 60%;
    max-width: 300px;
    padding: 20px; /* Remove default padding */
}

.signUpLable {
    width: 100px;
}

.signUpInput {
    width: 250px;
}

#signUpForm {
    /*max-width: 600px;*/
    min-width:370px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#signUpSection {
    min-width: 400px;
}