:root {
    --theme-color   :rgb(82,165,228);
    --sidebar-toggle-height: 45px;
    --sidebar-toggle-width: 45px;
    --sidebar-background: rgb(50,67,90);
    --sidebar-toggle-background: rgb(50,67,90);
    --heading-font-family: 'Lato', sans-serif;
    --heading-h1-font-weight: bold;
    --heading-h2-font-weight: bold;
    --heading-h3-font-weight: bold;
    --heading-h4-font-weight: bold;

    --base-font-family: 'Hind', sans-serif;
    --emoji-size: 1.3em;
}


.markdown-section {
    padding-left: 32px;
    padding-right: 32px;
}

.markdown-section code:not([class*="lang-"]):not([class*="language-"]) {
    white-space: normal;
}

.markdown-section img.emoji {
    max-width: none;
}

#logo {
    width: 100%;
    max-width: 120px;
    padding: 0 0 20px 0;
}

#logo img {
    max-width: 100%;
    margin: 0;
}

a.button, a.button:hover {
    background: var(--theme-color);
    color: white;
    display: block;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 0;
    font-weight: bold;
    margin: 120px auto 0 auto;
    text-decoration: none;
}

a.button:hover {
    background:rgb(52,143,215);
}

#available-sources ~ div tr td:first-of-type {
    width: 200px;
}

@media (max-width: 30em) {
    .markdown-section .table-wrapper tr {
        padding-left: 0;
    }

    .markdown-section .table-wrapper td {
        padding-left: 0.5em;
    }

    .markdown-section .table-wrapper td::before {
        display: block;
        clear: both;
        float: none;
        margin-left: 0;
        width: auto;
    }

    .markdown-section pre[data-lang] code {
        padding: 1.5em 0.5em;
    }
}