.frontpageWrapper, .youzify-membership-page-box {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(52, 58, 84);
}

.youzify-membership-login-shortcode {
    max-width: 500px;
    width: 500px;
}

.youzify-membership-form {
    background-color: #EFEFEF;
    box-shadow: 0 2px 10px rgb(42, 46, 65);
}

.youzify-membership-form .form-cover-title {
    color: #FF7F50;
    font-weight: 500;
    font-size: 18px;
    background: rgba(52, 58, 84, .75);
}

#youzify-membership-form .youzify-membership-form-item label {
    color: rgb(42, 46, 65);
}

#youzify-membership-form .youzify-membership-form-item input:not([type="checkbox"]), #youzify-membership-form .youzify-membership-form-item input[type="text"] {
    color: #FF7F50;
    background-color: rgb(250, 250, 250);
    border-radius: 5px;
}

.youzify-membership-form .youzify-membership-form-actions button, .youzify-membership-form .youzify-membership-form-actions button[type="submit"], .youzify-membership-form .youzify-membership-link-button {
    background-color: rgb(42, 46, 65);
    color: #FF7F50;
    font-size: 14px;
    transition: all 250ms ease-in-out;
    border: 1px solid rgb(42, 46, 65);
}

.youzify_membership_field_indication {
    background-color: rgb(250, 250, 250);
}






.youzify-page {
    background-color: rgb(52, 58, 84) !important;
}