.login-pf body {
    background: url('../img/fenecon-energy-journey.webp') 40% 80% / cover no-repeat fixed;
}

@media (min-width: 768px) {
    ion-content.background {
        --background: url('../img/fenecon-energy-journey.webp') center center / cover no-repeat fixed;
    }
}

.card-pf {
    border-radius: 1em;
    opacity: 0.9;
}

div.kc-logo-text {
    background-image: url(../img/fenecon-logo-dark.png);
    background-size: contain;   /* fills container, may crop */
    background-position: center;
    background-repeat: no-repeat;
    height: 80px;
    width: 300px;
    margin: 0 auto;
}

div.kc-logo-text span {
    display: none;
}