@font-face {
    font-family: Kalos;
    src: url("Kalos.ttf") format("truetype");
    font-display: swap;
}
@font-face {
    font-family: Finger Paint;
    src: url("FingerPaint-Regular.ttf") format("truetype");
    font-display: swap;
}
.portal-logo {
    display: block;
    width: min(100%, 250px);
    height: auto;
}
main h1 {
    font-family: Kalos, system-ui, sans-serif;
    font-weight: 500;
}
body.login {
    background: #f6f4f2;
    color: #292826;
}
body.login #login h1 a {
    background: url("logo.jpg") center / contain no-repeat;
    width: 100%;
    height: 65px;
}
body.login #loginform, body.login #lostpasswordform, body.login #resetpassform {
    border-radius: 14px;
}
body.login .button-primary {
    background: #bd1d1d;
    border-color: #a71919;
}
body.login .button-primary:hover {
    background: #a71919;
}
body.login #nav a, body.login #backtoblog a {
    color: #a71919;
}
.portal-kicker {
    color: #a71919;
    font-family: "Finger Paint", system-ui, sans-serif;
    margin-bottom: 0;
}