html,
body {
    background: #f2f7f4;
}

body {
    color: #24313b;
}

div.document {
    width: min(1280px, 96vw);
}

div.sphinxsidebar {
    width: 260px;
    background: #e5f0ec;
}

div.bodywrapper {
    margin-left: 290px;
}

div.body {
    max-width: none;
    background: #fbfdfc;
}

div.sphinxsidebar p.logo img.logo {
    width: 150px;
    max-width: 100%;
    border-radius: 8px;
}

div.sphinxsidebar h1.logo,
div.sphinxsidebar h1.logo a {
    color: #1e3f5f;
    white-space: nowrap;
}

div.sphinxsidebar a {
    color: #285f7f;
}

div.sphinxsidebar a:hover,
div.sphinxsidebar a.current {
    color: #143a52;
}

div.body h1,
div.body h2,
div.body h3 {
    color: #1f3c53;
}

table.docutils {
    width: 100%;
}

@media screen and (max-width: 875px) {
    div.document {
        width: 100%;
    }

    div.bodywrapper {
        margin-left: 0;
    }

    div.sphinxsidebar {
        width: auto;
    }

    div.sphinxsidebar h1.logo,
    div.sphinxsidebar h1.logo a {
        white-space: normal;
    }
}