.login-pf, .login-pf body {
    background: transparent;
    background-size: cover;
}

.login-pf-page-header {
    font-size: x-large;
    color: #003399;
}


.login-pf-page{
    padding-top: 10%;
    padding-bottom: 10%;
}
.card-pf {
    margin: 0 auto;
    box-shadow: var(--pf-global--BoxShadow--lg);
    padding: 0 20px;
    width: 400px;
    --tw-bg-opacity: 3;
    background-color: rgba(247, 247, 249, var(--tw-bg-opacity));
}
.pf-c-button.pf-m-primary {
    color: var(--pf-c-button--m-primary--Color);
    background-color: #039;
}
.logo {
    content:url("../img/Logo-Bluechip-Blau.png");
}
.login-header{
    background-image: url("../img/Logo-Bluechip-Blau.png");
}

@media only screen and (max-width: 600px) {
    .card-pf {
        width: 80%;
    }
}