.login-pf body {
    background-color: #333333;
}


/* Required to make the <ul> in the login footer horizontal. */
#kc-login-footer-links li {
    display: inline;
    padding: 10px;
}


/* Makes the logo stay on top of the login box. */
.pf-v5-c-login__container {
    grid-template-columns: 34rem;
    grid-template-areas: "header" "main"
}


/* Thin yellow line above the login box. */
.pf-v5-c-login__main-header {
    border-top: 4px solid #fde200;
}


/* Center the Afterbuy logo above the login box. */
.pf-v5-c-brand {
    text-align: center;
}