:root {
    --mainColor: #30a2dc;
    --mainColorFilter: invert(64%) sepia(30%) saturate(4063%) hue-rotate(170deg) brightness(91%) contrast(88%);
    --lightText: #FFFFFF;
    --softColorSolid: #8cc7e5;
    --softColor: #8cc7e52c;
    --softAccent: #bdbdbd;
    --accentColor: #6970769f;
    --midAccent: #44494d;
    --darkAccent: #202020;
    --midnight: #202d3b;
    --pink: #e7b6b698;
    --pagemax: 100%;
    --zoom: 1.25
}
body {
    background-color: var(--darkAccent);
    color: var(--lightText);
    zoom: var(--zoom);
}
banner {
    background-color: var(--darkAccent);
    zoom: calc(1/var(--zoom))
}
td {
    border-color: var(--accentColor) !important;
}
.context li:hover {
    background-color: var(--softColorFade);
}
input {
    background-color: var(--midAccent);
    color: var(--lightText)
}
button {
    border: none;
    height: 30px;
    /* background-color: var(--midAccent); */
}
#fetch_button {
    font-size: small;
}
.context {
    background-color: var(--mainColor);
}
.context li:hover {
    background-color: var(--softColorSolid);
}

.closeButton{
    padding-top: 20px !important;
}