:root {
    --site-accent-color: #000000;
}

.gh-search,
.gh-burger,
.gh-powered-by,
.comments {
    display: none !important;
}

.gh-head-menu .nav > li {
    opacity: 1 !important;
    transform: none !important;
}

.gh-content pre {
    background: #f6f8fa !important;
    border: 1px solid #d8dee4;
    border-radius: 6px;
    color: #24292f !important;
    line-height: 1.55;
    overflow-x: auto;
    padding: 18px 20px !important;
    text-shadow: none !important;
}

.gh-content pre code,
.gh-content pre code[class*="language-"] {
    background: transparent !important;
    border: 0 !important;
    color: #24292f !important;
    display: block;
    font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
    font-size: 1.45rem;
    line-height: inherit;
    padding: 0 !important;
    text-shadow: none !important;
    white-space: pre;
}

.gh-content :not(pre) > code {
    background: #eff3f6 !important;
    border: 1px solid #d8dee4 !important;
    border-radius: 4px;
    color: #24292f !important;
    padding: 0.12em 0.32em !important;
    text-shadow: none !important;
}

.gh-content pre .token {
    color: inherit !important;
}

.gh-content pre .token.comment,
.gh-content pre .token.prolog,
.gh-content pre .token.doctype,
.gh-content pre .token.cdata {
    color: #6e7781 !important;
}

.gh-content pre .token.keyword,
.gh-content pre .token.atrule,
.gh-content pre .token.attr-value {
    color: #cf222e !important;
}

.gh-content pre .token.string,
.gh-content pre .token.char,
.gh-content pre .token.inserted {
    color: #0a7f38 !important;
}

.gh-content pre .token.function,
.gh-content pre .token.class-name {
    color: #8250df !important;
}

.gh-content pre .token.number,
.gh-content pre .token.boolean,
.gh-content pre .token.constant {
    color: #0550ae !important;
}

.kg-header-card,
.kg-header-card * {
    color: #ffffff !important;
    text-shadow: none !important;
}

@media (max-width: 767px) {
    #gh-head {
        height: auto;
    }

    #gh-head .gh-head-inner {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        padding-bottom: 16px;
        padding-top: 16px;
    }

    #gh-head .gh-head-brand {
        display: flex;
        height: auto;
        justify-content: center;
    }

    #gh-head .gh-head-menu {
        display: flex;
        justify-content: center;
        margin: 0;
        opacity: 1;
        position: static;
        transform: none;
        visibility: visible;
    }

    #gh-head .gh-head-menu .nav {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 18px;
        justify-content: center;
    }

    #gh-head .gh-head-menu .nav a {
        font-size: 1.6rem;
        font-weight: 600;
    }

    #gh-head .gh-head-actions {
        display: none;
    }
}