div.sidepanel {
    height: 100%;
    position: fixed;
    top: 0; left: 0;
    overflow-x: hidden;
    background-color: var(--midnight);
    border-right: 4px groove var(--dark-blue);
}

div.sidepanel a.sidepanel-toggle {
    float: right;
}

div.sidepanel a.sidepanel-toggle img {
    width: 2.5em;
    padding: 0.5em;
    cursor: pointer;
    image-rendering: pixelated;
}

div.sidepanel-navbar-holder {
    height: 100%;
    width: 20em;
    top: 0; left: 0;
    overflow-x: hidden;
    background: linear-gradient(90deg, black, var(--dark-blue));

    border-right: 2px solid var(--deep-blue);
}

div.sidepanel-top {
    height: 3em;
}

div.sidepanel-navbar {
    margin-right: 0.5em;
    padding-bottom: 0.25em;
}

div.sidepanel-navbar nav div {
    font-size: 18px;
    margin-left: 0.25em;    margin-right: 0.25em;
    margin-top: 0.25em;    margin-bottom: 0.25em;
    text-align: left;
    display: block;

    border: 2px var(--deep-blue);
    border-style: outset;
    background-color: var(--dark-blue);
}

div.sidepanel-navbar nav div.expandables div {
    border-style: none;
}

div.sidepanel-navbar nav div span {
    margin-left: 0.55em;
    font-size: 21px;
    font-family: "BackToEarth";
}

div.sidepanel-navbar nav div a {
    margin-left: 0.75em;
    font-size: 21px;
    cursor: pointer;
    font-family: "BackToEarth";
}

div.expandables div span { color: wheat; }
div.expandables div div a { color: var(--regolith); }
div.expandables div div a:visited { color: var(--lavender); }
div.expandables div div a:hover { color: var(--water); }

div.sidepanel-navbar nav div a.expander-btn img {
    position: fixed;
    left: 13.5em;
    padding: 0.175em;
    cursor: pointer;
    image-rendering: pixelated;
}

div.sidepanel-navbar nav div a.expander-btn {
    padding: 0.175em;
}



div.sidepanel-top h2 {
    margin-left: 0.5em;
    color: var(--deep-blue);
    font-family: var(--font-titles);
    font-style: normal;
}

a.no-underline {
    color: var(--underground);
    text-decoration: none;
    border: 0
    !important;
}
a:visited { color: var(--dark_lavender) }
a:hover { color: var(--ocean); }


a.random-link {
    color: chartreuse;
}
a.random-link:hover {
    color: var(--water);
}