#RegisterForm .flex {
    display: flex;
    gap: 40px;
}

#RegisterForm .flex > div {
    width: 100%;
    position: relative;
}

#RegisterForm {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

#RegisterForm .toggle {
    background: none;
    border: none;
    color: black;
    font-weight: 600;
    position: absolute;
    right: .75em;
    top: 3.2em;
    z-index: 9;
}

#RegisterForm input.error {
    border-color: red;
}

#RegisterForm label.error {
    display: block;
    margin-top: 5px;
    color: red;
}

#RegisterForm textarea {
    width: 100%;
    resize: vertical;
}

#RegisterForm h4 {
    color: #4b71b8;
    margin-top: 35px;
}

#RegisterForm .checkboxes {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

#RegisterForm .checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

#response-message {
    display: grid;
    grid-template-columns: 20% 80%;
    margin-top: 0;
    margin-bottom: 0;
}

#response-message .bold {
    font-weight: bold;
}