.fontscale_small_button, .fontscale_normal_button, .fontscale_large_button {
    background-color: transparent;
    color: white;
    border: 0px;
    height: 30px;
    text-transform: uppercase;
}

.fontscale_small_button {
    font-size: 0.8em;
}

.fontscale_normal_button {
    font-size: 1em;
}

.fontscale_large_button {
    font-size: 1.2em;
}

body.fontscale_small,
body.fontscale_small #text #rendition-area p, body.fontscale_small #document_area p,
body.fontscale_small li.crex-related-link-list-item, body.fontscale_small .card-text.post-desc, body.fontscale_small #posttext {
    font-size: 12px !important;
}

body.fontscale_normal,
body.fontscale_normal #text #rendition-area p, body.fontscale_normal #document_area p,
body.fontscale_normal li.crex-related-link-list-item, body.fontscale_normal .card-text.post-desc {
    font-size: 16px !important;
}

body.fontscale_normal #posttext {
    font-size: 18px !important;
}

body.fontscale_large,
body.fontscale_large #text #rendition-area p, body.fontscale_large #document_area p,
body.fontscale_large li.crex-related-link-list-item, body.fontscale_large .card-text.post-desc, body.fontscale_large #posttext {
    font-size: 20px !important;
}

body.fontscale_normal header a, body.fontscale_normal header a:visited,
body.fontscale_large header a, body.fontscale_large header a:visited {
    font-weight: normal;
}

body.fontscale_large #header_username, body.fontscale_large #header_buttons, body.fontscale_large #header_login_container {
    font-size: var(--bs-body-font-size) !important;
}