body
{
    font-family: Inconsolata, monospace;
    background:url(../img/heic2007a_small.jpg) no-repeat top center fixed;
    background-size: cover;
}

h1
{
    font-weight:bold;
}

h2
{
    padding:8px;
    font-weight:bold;
    font-size:1em;
    border-bottom:1px solid #999;
}

p
{
}

footer
{
    margin-top:24px;
    text-align:right;
    font-size:0.9em;
    color:#666;
}

.nav-separator
{
    border-right:2px solid #eee;
}

.nav-link:hover
{
    background-color:#eee;
}

.container
{
    background-color:#fff;
    margin-top:32px;
    margin-bottom:32px;
    border:1px solid #444;
    box-shadow:4px 4px 6px #222;
    max-width:720px;
}

@media (prefers-color-scheme: dark) {
    body
    {
        font-family: Inconsolata, monospace;
        background:url(../img/heic2007a_small_dark.jpg) no-repeat top center fixed;
        background-size: cover;
    }

    a {
        color:greenyellow;
    }

    a:hover {
        color:green;
    }

    .container
    {
        background-color:#222;
        border:1px solid greenyellow;
        color:#eee;
    }

    .card-body
    {
        background-color:#222;
        color:#eee;
    }

    .nav-link:hover
    {
        background-color:#444;
    }

    .nav-separator
    {
        border-color:greenyellow;
    }

    .navbar-nav .nav-link.active, .navbar-nav .show>.nav-link
    {
        color:greenyellow;
    }
}

/* vietnamese */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 400;
    src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(../fonts/QldKNThLqRwH-OJ1UHjlKGlW5qhWxg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 400;
    src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(../fonts/QldKNThLqRwH-OJ1UHjlKGlX5qhWxg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Inconsolata';
    font-style: normal;
    font-weight: 400;
    src: local('Inconsolata Regular'), local('Inconsolata-Regular'), url(../fonts/QldKNThLqRwH-OJ1UHjlKGlZ5qg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}