:root {
    --color-scheme-background: #121212;
    --color-scheme-background-other: grey;
    --color-scheme-text-color: white;
    --color-scheme-blockquote-background: #383838;
    --color-scheme-blockquote-border: snow;
    --color-scheme-link-color: LightBlue;
}
@media (prefers-color-scheme:light) {
    :root {
    --color-scheme-background: whitesmoke;
    --color-scheme-background-other: white;
    --color-scheme-text-color: black;
    --color-scheme-blockquote-background: white;
    --color-scheme-blockquote-border: lightgrey;
    --color-scheme-link-color: blue;
}
}@media (prefers-color-scheme:dark) {
    :root {
    --color-scheme-background: #121212;
    --color-scheme-background-other: grey;
    --color-scheme-text-color: white;
    --color-scheme-blockquote-background: #383838;
    --color-scheme-blockquote-border: snow;
    --color-scheme-link-color: LightBlue;
}
}body {
    font-family: system-ui, sans-serif;
    background: var(--color-scheme-background);
    color: var(--color-scheme-text-color);
    word-wrap: break-word;
}
body::before {
    background: var(--color-scheme-background);
}
.bg-primary {
    background-color: var(--color-scheme-background)!important;
    background-image: none;
}
.nav-link {
    color: var(--color-scheme-text-color);
}
a {
    color: var(--color-scheme-text-color);
    text-decoration: underline;
}
.navbar-dark .navbar-brand {
    text-decoration: none;
    color: var(--color-scheme-text-color);
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: var(--color-scheme-text-color);
}
.navbar-dark .navbar-nav .nav-link {
    text-decoration: none;
    color: var(--color-scheme-text-color);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--color-scheme-text-color);
}
.nav a {
    text-decoration: none;
}
h1, h2, h3 {
    color: var(--color-scheme-text-color);
}
h2 {
    margin-top: 1em;
    margin-bottom: .75em;
}
h3 {
    margin-top: .5em;
    margin-bottom: .5em;
}
.col-md-9 img {
    background-color: var(--color-scheme-background);
    border: none;
}
footer {
    font-size: .85em;
    background: var(--color-scheme-background);
}
footer ul {
    list-style-type: none;
}
li {
    margin-bottom: 1rem;
}
blockquote {
    background-color: var(--color-scheme-blockquote-background);
    border-color: var(--color-scheme-blockquote-border);
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: left;
    box-sizing: border-box;
    padding-bottom: 0px;
}
.navbar-nav {
    padding-top: 1rem;
}

a {
    color: var(--color-scheme-link-color);
    text-decoration: underline;
}