:root {
    --odin-orange: #F56641;
    --odin-orange-light: #F78567;
    --odin-black: #131313;
    --odin-gray: #252525;
    --odin-gray-light: #EAEAEA;
    --odin-white: #FCFCFC;
    --odin-string: #2F9C0A;
}

body {
    background-color: var(--odin-white);
}

code {
    background-color: var(--odin-white)!important;
}

.md-typeset code {
    color: var(--odin-black)
}

.linenos {
    background-color: var(--odin-white)!important;
}

.md-typeset pre>code::-webkit-scrollbar-thumb
{
    background-color: var(--odin-gray-light);
}

.md-typeset pre>code::-webkit-scrollbar-thumb:hover
{
    background-color: var(--odin-orange);
}

.md-clipboard:hover {
    color: var(--odin-orange);
}

.md-header {
    background-color: var(--odin-black)!important;
}

.md-nav--primary .md-nav__title[for=__drawer] {
    color: var(--odin-black);
    background-color: var(--odin-white);
}

.md-nav__source {
    background-color: var(--odin-black);
}

.md-search__form {
    background-color: var(--odin-gray);
}

.md-search-result mark {
    color: var(--odin-orange);
}

.md-search-result__more summary,
.md-search-result__more summary:hover,
.md-search-result__more summary:focus {

    color: var(--odin-orange);
}

.md-typeset .tabbed-set>input:checked+label {
    color: var(--odin-orange);
    border-color: var(--odin-orange);
}

.md-typeset .tabbed-set>label:hover {
    color: var(--odin-orange);
}

.md-nav--primary .md-nav__item--active>.md-nav__link
{
    color: var(--odin-orange);
}

.md-nav--primary .md-nav__item--active>.md-nav__link:hover {
    color: var(--odin-orange);
}

.md-source {
    background-color: var(--odin-black);
}

.md-typeset h1 {
    color: #676767;
}

.md-typeset a {
    color: var(--odin-orange);
}

.md-typeset a:hover {
    color: var(--odin-orange);
    text-decoration: underline;
}

.md-footer,
.md-footer-meta {
    background-color: var(--odin-black);
}


.md-nav--primary .md-nav__item--active > .md-nav__link,
.md-nav--primary .md-nav__item--active>.md-nav__link:hover,
.md-nav--primary .md-nav__item--active>.md-nav__link:focus,
.md-nav--primary .md-nav__item--active > .md-nav__link:visited
{
    color: var(--odin-orange);
}

.md-nav__link:hover,
.md-nav__link--active,
.md-nav__link.md-nav__link--active
{
    color: var(--odin-orange);
    text-decoration-line: underline;
}

.md-typeset .bug>.admonition-title, .md-typeset .bug>summary,
.md-typeset .example>.admonition-title, .md-typeset .example>summary,
.md-typeset .info>.admonition-title, .md-typeset .info>summary, .md-typeset .todo>.admonition-title, .md-typeset .todo>summary {
    background-color: var(--odin-orange);
    border-color: var(--odin-orange);
    color: var(--odin-white);
}
.md-typeset .todo>summary:before,
.md-typeset .admonition.bug, .md-typeset details.bug,
.md-typeset .admonition.example, .md-typeset details.example,
.md-typeset .admonition.info, .md-typeset .admonition.todo, .md-typeset details.info, .md-typeset details.todo {
    border-color: var(--odin-white);
}

.md-typeset .bug>.admonition-title:before, .md-typeset .bug>summary:before,
.md-typeset .example>.admonition-title:before, .md-typeset .example>summary:before,
.md-typeset .info>.admonition-title:before, .md-typeset .info>summary:before, .md-typeset .todo>.admonition-title:before, .md-typeset .todo>summary:before {
    background-color: var(--odin-white);
}

key
{
    border: 1px solid #888888;
    border-radius: 5px;
    background-color: #f1f1f1;
    padding: 1px 5px 1px 5px;
}