.form-input {
    margin-bottom: 24px;
}

#kc-form {
    float: none;
}

#kc-form-wrapper {
    margin-top: 0px;
}

.form-buttons .btn {
    width: 100%;
}

.pf-c-alert {
    margin-bottom: 16px;
}

.pf-c-alert__title {
    font-size: var(--font-size-m);
}

.kc-recovery-codes-warning .pf-c-alert__description p {
    font-size: 0.875rem;
}

.pf-c-alert__title {
    font-size: var(--font-size-m);
}

.green-url {
    color: var(--color-lemon-3);
    text-decoration: none;
}

.link-before-comma {
    margin-right: -5px;
}
.pf-c-button.pf-m-control {
    border: solid var(--pf-global--BorderWidth--sm);
    border-color: rgba(230, 230, 230, 0.5);
}

#register-btn.btn.btn-primary {
    margin-bottom: 8px;
}
 
@media (min-width: 800px) {
    #kc-form {
        float: none;
    }

    #kc-form-wrapper {
        margin-top: 0px;
    }

    .pf-c-alert {
        margin-bottom: 16px;
    }

    .pf-c-alert__title {
        font-size: var(--font-size-m);
    }

    .kc-recovery-codes-warning .pf-c-alert__description p {
        font-size: 0.875rem;
    }

    .pf-c-alert__title {
        font-size: var(--font-size-m);
    }

    .green-url {
        color: var(--color-lemon-3);
        text-decoration: none;
    }

    .pf-c-button.pf-m-control {
        border: solid var(--pf-global--BorderWidth--sm);
        border-color: rgba(230, 230, 230, 0.5);
    }
}