body, html {
    padding: 0;
    margin: 0;
    background-color: #fff
}

body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    color: #2c3e50
}

.theme-default-content:not(.custom) {
    max-width: 740px;
    margin: 0 auto;
    padding: 2rem 2.5rem;
}

.theme-default-content:not(.custom) a:hover {
    text-decoration: underline
}

.theme-default-content:not(.custom) p.demo {
    padding: 1rem 1.5rem;
    border: 1px solid #ddd;
    border-radius: 4px
}

.theme-default-content:not(.custom) img {
    max-width: 100%
}

.theme-default-content.custom {
    padding: 0;
    margin: 0
}

.theme-default-content.custom img {
    max-width: 100%
}

a {
    font-weight: 500;
    text-decoration: none
}

a, p a code {
    color: #3eaf7c
}

p a code {
    font-weight: 400
}
ol, ul {
    padding-left: 1.2em
}

strong {
    font-weight: 600
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.25
}

h1:focus .header-anchor, h1:hover .header-anchor, h2:focus .header-anchor, h2:hover .header-anchor, h3:focus .header-anchor, h3:hover .header-anchor, h4:focus .header-anchor, h4:hover .header-anchor, h5:focus .header-anchor, h5:hover .header-anchor, h6:focus .header-anchor, h6:hover .header-anchor {
    opacity: 1
}

h1 {
    font-size: 2.2rem
}

h2 {
    font-size: 1.65rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #eaecef
}

h3 {
    font-size: 1.35rem
}

a.header-anchor {
    font-size: .85em;
    float: left;
    margin-left: -.87em;
    padding-right: .23em;
    margin-top: .125em;
    opacity: 0
}

a.header-anchor:focus, a.header-anchor:hover {
    text-decoration: none
}

.line-number, code, kbd {
    font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace
}

ol, p, ul {
    line-height: 1.7
}

hr {
    border: 0;
    border-top: 1px solid #eaecef
}

table {
    border-collapse: collapse;
    margin: 1rem 0;
    display: block;
    overflow-x: auto
}

tr {
    border-top: 1px solid #dfe2e5
}

tr:nth-child(2n) {
    background-color: #f6f8fa
}

td, th {
    border: 1px solid #dfe2e5;
    padding: .6em 1em
}

@media (min-width: 720px) {
    .theme-container.no-sidebar .sidebar {
        display: none
    }

    .theme-container.no-sidebar .page {
        padding-left: 0
    }
}

@media (max-width: 959px) {
    .sidebar {
        font-size: 15px;
        width: 16.4rem
    }

    .page {
        padding-left: 16.4rem
    }
}

@media (max-width: 719px) {
    .sidebar {
        top: 0;
        padding-top: 3.6rem;
        transform: translateX(-100%);
        transition: transform .2s ease
    }

    .page {
        padding-left: 0
    }

    .theme-container.sidebar-open .sidebar {
        transform: translateX(0)
    }

    .theme-container.no-navbar .sidebar {
        padding-top: 0
    }
}

@media (max-width: 419px) {
    h1 {
        font-size: 1.9rem
    }

    .theme-default-content div[class*=language-] {
        margin: .85rem -1.5rem;
        border-radius: 0
    }
}



@media (max-width: 959px) {
    .theme-default-content:not(.custom) {
        padding: 2rem
    }
}

@media (max-width: 419px) {
    .theme-default-content:not(.custom) {
        padding: 1.5rem
    }
}



