/* ALL FORM STYLES*/

    form {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-evenly;
        height: auto;
        width: var(--formWidth);
    }
    form input {
        height: 2.6rem;
        width: 100%;
    }
    .formFieldCtr {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        height: 4rem;
        width: 100%;
    }
    .nameFields {
        height: auto;
    }
    .pwdCheck {
        position: absolute;
        right: 1rem;
        height: 30px;
        width: 30px;
        z-index: 1;
    }

@media screen and (min-width: 768px) {
    form {
        margin-top: 5rem;
    }
    .nameFields {
        flex-direction: row;
        justify-content: space-between;
    }
    .halfWidth {
        width: 48%;
    }
}