:root > *
{
--md-primary-bg-color:#FFB536;
--md-primary-fg-color:#242220;

--md-accent-fg-color:#FFB536;
--md-accent-fg-color--transparent:#ffb5366e;
--md-accent-bg-color:#ff00d4;

--md-default-fg-color:#FFFEF8;
--md-default-bg-color:#242220;

--md-typeset-color:#FFFEF8;
--md-typeset-a-color:#FFB536;

--md-footer-bg-color: #242220;

--text:#FFFEF8;
--h1:#ffe3b3;
--text-faded:#e2e1d8;
--text-nav:#ADADA9;
--sidebar-bg:#1D1D1D;
--main-color:#FFB536;

.md-grid{
    max-width: 1700px;
}

.twemoji{
    color:#A57C3E;
    margin-right: 10px;
}

.md-main__inner{
    margin-top: 0rem;
}

.md-content{
    padding-left: 100px;
    padding-right: 100px;
}

.md-sidebar__inner{
    padding-left: 0.5rem;
}

.md-nav--primary .md-nav__title{
    background: none;
    box-shadow: none;
    padding: 0 0 10px 0;
    font-size: 0;
}

.md-nav--primary .md-nav__item{
    background: none;
    box-shadow: none;
}

.md-nav--primary .md-nav__list {
    padding-bottom: 20px;
}

.md-nav__item--section>.md-nav__link:not(.md-nav__container) {
    color:var(--text);
    padding-bottom: 10px;
}

.md-sidebar--primary .md-sidebar__scrollwrap{
    background-color:var(--sidebar-bg);
    border-radius: 5px;
}

.md-nav__item--section{
    margin: 0 0;
}

.md-typeset {
    font-size: 0.7rem;
    font-synthesis: none;
}

.md-typeset h1 {
    color:var(--text);
    font-weight: 600;
    font-size: 2.4em;
    margin-bottom: 1em;

    border-bottom: 2px solid #72706b;
    padding-bottom: 0.3em;
}

.md-typeset h2 {
    color:var(--text);
    font-weight: 600;
    font-size: 1.7em;
}

.md-typeset h3 {
    color:var(--text);
    font-weight: bold;
}

.md-typeset h4 {
    color:var(--text);
    font-weight: bold;
}

.md-typeset a {
    color:var(--main-color);
    text-decoration: underline;
    text-underline-offset: 5px;
    font-weight:600;
}

.md-typeset code {
    background-color:#312e2b;
    color:var(--text-faded);
}

.md-nav__title{
    color:#ffffff;
    font-size: 0.7rem;
}

.md-nav__link{
    color:#ADADA9;
    font-size: 0.6rem;
    padding-bottom: 0px;
}

.md-nav__link--active{
    color:var(--main-color);
    font-weight: 600;
}

.md-nav__link svg {
    filter: brightness(0.5);
}

.md-header__title{
    margin-left: 0.1rem;
}

.md-header__topic{
    color:var(--text);
    font-weight: 600;
    font-size: 0.9em;
}

.md-typeset img{
    outline: #7e6f60;
    outline-width: 1px;
    outline-style: solid;
}

ol li::marker{
    color:var(--text-faded);
    font-weight:700;
}

ul li::marker{
    color:var(--text-faded);
    font-weight:700;
}

}

html {
    overflow-y: scroll;
}