@font-face {
    font-family: "JetBrainsMono-Regular";
    src: url("JetBrainsMono-Regular.woff2");
}
:root {
    --bs-heading-color: var(--bs-gray-100);    
}
.modal {
    --bs-modal-color: var(--bs-gray-100);
}
html {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    overflow: hidden;
}
body {
    border: solid black 10px;
    margin: 0px;
    background-color: black;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}
.vpanelwrapper {
    display: grid;
    grid-template-rows: 1fr 4px 1fr;
    width: 100%;
    height: 100%;
}
.hpanelwrapper {
    display: grid;
    grid-template-columns: 1fr 4px 1fr;
    width: 100%;
    height: 100%;
}
.dragging.vpanelwrapper {
    cursor: row-resize;
    user-select: none;
}
.dragging.hpanelwrapper {
    cursor: col-resize;
    user-select: none;
}
.vdivider {
    min-height: 4px;
    background: grey;
    cursor: row-resize;
}
.hdivider {
    min-height: 4px;
    background: grey;
    cursor: col-resize;
}
.vpanel {
    min-width: 0px;
    min-height: 0px;
}
.hpanel {
    min-width: 0px;
    min-height: 0px;
}
.toplevel {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}
.hterminal {
    min-width: 10px;
    min-height: 10px;
    border: solid grey 1px;
    padding: 2px;
    height: 100%;
}
.toplevel .xterm .xterm-rows {
    font-family: "JetBrainsMono-Regular", monospace, serif;
    font-variant-ligatures: none;
}
.editornav {
    color: white;
}
.editorarea {
    color: white;
}