:root {
    --editor-bg: rgb(0,0,128);
    --editor-fg:rgb(192,192,192);
    --menu-bg-dim: rgb(127,127,127);
    --menu-bg: rgb(192,192,192);
    --menu-fg: black;

    --status-bg: rgb(0,128,128);
    --status-fg: white;
    --font: monospace;
    font-family: var(--font);
}
.bullet-spacer {
    margin-left: 10px;
    margin-right: 10px;
}
#sitetitle{
    color: rgb(0,0,255);
    text-decoration: none;
}
.sitebar {
    background-color: var(--menu-bg);
    font-size: x-large;
    padding: .1em;
    display: flex;
    flex-direction: row;
}
.sitebar {
    border-bottom: 4px double black;
}
.content {
    margin:4px;
}
body {
    margin:0;
}
.menu {
    background-color: var(--menu-bg);
}
.menu button {
    background-color: var(--menu-bg);
    color: rgb(--menu-fg);
    font-family: var(--font);
}
body > .content {
    margin:1em;
}
[data-tooltip]::after {
    opacity: 0;
    content: "";
}

[data-tooltip]:hover::after {
    display: block;
    position: absolute;
    content: attr(data-tooltip);
    border: 3px double black;
    background: var(--status-bg);
    color: var(--status-fg);
    padding: 3px;
    font-size:medium;
    opacity: 1;
    transition: opacity .4s 1s;
}
[data-tooltip-left]::after {
    transform: translate(-100%, 0px);
}

.picker-dialog .message {
    font-size: larger;
    margin-bottom: .5em;
    border-bottom: solid 1px;
    font-weight: 700;
}

.picker-entry.selected {
    background-color: blue;
    color: white;
}

.picker-entry {
    cursor: pointer;
    color: var(--menu-fg);
    padding: 5px;
}
dialog {
    background-color: var(--menu-bg);
}
.hidden:not(#aghlasjdj):not(#aghlasjdj):not(#aghlasjdj) {
    display: none;
}