@font-face {
    font-family: "DinkieBitmap 7px";
    src: url(https://lilithdev.neocities.org/fonts/DinkieBitmap-7px.woff2) format("woff2");
}

@font-face {
    font-family: "DinkieBitmap 9px";
    src: url(https://lilithdev.neocities.org/fonts/DinkieBitmap-9px.woff2) format("woff2");
}

:root {
    --tooltip-width: 438px;
    --lilith-tiny-text: "DinkieBitmap 7px";
    --lilith-small-text: "DinkieBitmap 9px";
    --lilith-window-text-color: #4932C9;
}

.tooltip-title {
    color: var(--lilith-window-text-color);
    font-family: var(--lilith-small-text);
    font-size: 20px;
}

.tooltip-description {
    color: var(--lilith-window-text-color);
    font-family: var(--lilith-tiny-text);
    font-size: 16px;
}

#tooltip {
    background: #D8C6F0;
    background: linear-gradient(180deg,rgb(249, 239, 249) 0%, rgb(216, 198, 240) 100%);
    color: var(--lilith-window-text-color);
    border: solid 2px var(--lilith-window-text-color);
    padding: 4px 8px;
    pointer-events: none;
    position: absolute;
    max-width: var(--tooltip-width);
    z-index: 999;
}