@import "../config.css";:root {
    --background-color: #202949;
    --font-size: 14px;
    --font-color: #dddddd;
    --font-weight: 400;
    --header-font-size: 16px;
    --title-font-size: 25px;
    --header-font-weight: 700;
    --plain-headers-font-color: var(--font-color);
    --plain-headers-logo-color: var(--font-color);
    --nav-bg-color: var(--background-color);
    --nav-logo-color: var(--font-color);
    --nav-link-color: var(--font-color);
    --nav-border-color: hsl(227, 39%, 18%)
}

html,body,main {
    font-size: var(--font-size);
    color: var(--font-color);
    font-weight: var(--font-weight);
    background-color: var(--background-color)!important
}

li::marker,a {
    color: var(--font-color)!important
}

hr {
    background-color: var(--font-color)
}

[id^=header-],p,.table-of-contents a,.expandable-content a {
    font-size: 1rem!important;
    line-height: 1.25rem
}

.title h1 {
    font-size: 1.43rem;
    line-height: 1.5rem
}

/*@media screen and (min-width: 1260px) {*/
/*    .title {*/
/*        grid-column:2*/
/*    }*/
/*}*/

.aside-container,.expandable,.share {
    box-shadow: none
}

svg,.icon svg * {
    fill: var(--font-color)!important
}

@media(min-width: 1024px) {
    html,body,main {
        font-size:1rem
    }

    .title h1 {
        font-size: 1.56rem
    }
}