:root {
    /* bootstrap overrides */
    --bs-body-bg: #131313;
    --bs-body-color: #efefef;
    --bs-link-color: #afafaf;
    --bs-link-hover-color: #ffffff;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-pagination-bg: #2e2e2e;
    --bs-pagination-color: #efefef;
    --bs-pagination-border-color: #131313;
    --bs-pagination-disabled-bg: #2e2e2e;
    --bs-pagination-disabled-color: #efefef;
    --bs-pagination-disabled-border-color: #131313;
}

header h1 a {
    color: var(--bs-body-color);
    text-decoration: none;
}

.tag-cloud {
    float: left;
}
.tag-cloud:after {
    clear: left;
}

.tag-cloud .set-1 {
    font-size: calc(var(--bs-body-font-size) * 0.5);
}
.tag-cloud .set-2 {
    font-size: calc(var(--bs-body-font-size) * 0.75);

}
.tag-cloud .set-3 {
    font-size: calc(var(--bs-body-font-size));
}
.tag-cloud .set-4 {
    font-size: calc(var(--bs-body-font-size) * 1.5);
}
.tag-cloud .set-5 {
    font-size: calc(var(--bs-body-font-size) * 2);
}

/* nice listings. */
.listing {
    background-color: #272822;
    border-radius: 15px 15px 0px 20px;
}

.listing h3 {
    border-radius: 15px 15px 2px 2px;
    background-color: #4f4f4f;
    padding-left: 1em;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.listing .lineno {
    padding-left: 1px;
    background-color: #232323;
    color: #555;
}
.listing .highlight {
    border-radius: 0px 0px 0px 20px;
}