.login-pf body {
    background: linear-gradient(to right, var(--petrol) 0%, var(--lila) 100%);
}

div.kc-gkdre-logo-text {
    background-image: url(../img/GKD\ RE_Logo_white_smol.png);
    height: 95px;
    width: 300px;
    margin: 0 auto 0.25rem auto;;
    background-repeat: no-repeat;

    > span {
        display: none;
    }
}

.card-pf {
    border-radius: 0.5rem;
    background: var(--petrol-000);
    color: var(--petrol-800);
}

.pf-c-button {
    border-radius: 0.5rem;
}

.formButtonsWrapper, #kc-form-buttons {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

#kc-info-wrapper {
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    background: var(--lila-050);
    color: var(--lila-700);
    font-weight: bold;
}

#kc-header-wrapper {
    padding: 3rem 0 0;
}