body {
    background-color: black;
    color: white;
    font-family: "Orbitron";
    font-weight: bold;
    overflow: hidden;
    transition-property: background;
}
.screenglow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(transparent, transparent 2px, #0c000e66 2px, #0c000e66 3px), radial-gradient(#1b002045, transparent);
    transition-property: background;
    animation: 20s screenbg infinite;
    z-index: 5;
    pointer-events: none;
}
@keyframes screenbg {
    0%, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0.6;
    }
}
.yel {
    color: yellow;
}
.red {
    color: #cf0045;
}
.title {
    position: absolute;
    top: 1dvw;
    right: 14dvw;
    color: #cf0045;
    font-size: 2dvw;
    background-color: #cf0045;
    width: max-content;
    height: min-content;
    padding: 1dvw;
    padding-left: 4dvw;
    z-index: 4;
    pointer-events: none;
}
.subtitle {
    position: absolute;
    top: 3dvw;
    right: 0;
    color: black;
    font-size: 3dvw;
    background-color: #2bffe5;
    width: max-content;
    height: max-content;
    padding: 0.5dvw;
    padding-left: 4dvw;
    z-index: 3;
    cursor: default;
}
.missing {
    position: absolute;
    top: 9dvw;
    right: 2dvw;
    bottom: 0;
    font-size: 1dvw;
    color: white;
    background-color: #d700d7;
    width: max-content;
    padding: 1dvw;
    padding-left: 4dvw;
    display: flex;
    flex-direction: column;
    z-index: 3;
    cursor: default;
}
.sitemap {
    position: absolute;
    top: 2dvw;
    left: 1dvw;
    right: 1dvw;
    bottom: 1dvw;
    color: #00ff6a;
    font-size: 1.5dvh;
    background-color: #00ff6a;
    cursor: default;
}
.threenum {
    position: absolute;
    bottom: 20dvw;
    right: 0;
    height: 10dvw;
    width: 30dvw;
    color: #fbf3a9;
    font-size: 0.6dvw;
    background-color: yellow;
    z-index: 2;
    cursor: default;
}
.highlight {
    color: #d700d7;
    background-color: #003518;
}
.highlight::after {
    content: " - selected";
}
a {
    text-decoration: none;
    color: #2bffe5;
}
.selected {
    color: #d700d7;
    background-color: #003518;
}
.selected::after {
    content: " - selected";
}
a:hover {
    background-color: #003518;
}
.scoop {
    position: absolute;
    text-transform: lowercase;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    clip-path: polygon(4px 4px, calc(100% - 1.4dvw) 4px, calc(100% - 4px) 1.4dvw, calc(100% - 4px) calc(100% - 4px), 4px calc(100% - 4px));
}
.ytscoop {
    position: absolute;
    text-transform: lowercase;
    font-family: monospace;
    background-color: #0e0f00;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    word-wrap: normal;
    padding: 1dvw 0 0 1dvw;
    display: flex;
    flex-direction: column;
    clip-path: polygon(1.4dvw 4px, 100% 4px, 100% calc(100% - 4px), 4px calc(100% - 4px), 4px 1.4dvw);
}
.stscoop {
    position: absolute;
    text-transform: lowercase;
    background-color: #000904;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1dvw 1dvw 1dvw 2dvw;
    display: flex;
    flex-direction: column;
    clip-path: polygon(1.4dvw 4px, calc(100% - 4px) 4px, calc(100% - 4px) calc(100% - 4px), 4px calc(100% - 4px), 4px 1.4dvw);
}
.tbg {
    padding-left: 6dvw;
    place-items: center;
    background: linear-gradient(120deg, black, black 5dvmin, #cf0045 5dvmin, #cf0045 6dvmin, black 6dvmin, black 7dvmin, #cf0045 7dvmin, #cf0045 8dvmin, black 8dvmin);
}
.stbg {
    padding-left: 6dvw;
    place-items: center;
    background: linear-gradient(120deg, black, black 5dvmin, #2bffe5 5dvmin, #2bffe5 6dvmin, black 6dvmin, black 7dvmin, #2bffe5 7dvmin, #2bffe5 8dvmin, black 8dvmin);
}
.mbg {
    padding-top: 0;
    padding-left: 1dvw;
    background: black;
    display: flex;
    flex-direction: column;
}
.mbgd {
    padding-top: 1dvw;
    padding-left: 0;
    background: linear-gradient(120deg, black, black 5dvmin, #d700d7 5dvmin, #d700d7 6dvmin, black 6dvmin, black 7dvmin, #d700d7 7dvmin, #d700d7 8dvmin, black 8dvmin);
    display: flex;
    flex-direction: column;
}
.child {
    color: yellow;
}
.child2 {
    color: #00ff6a;
}
@media screen and (orientation: portrait) {
    .sitemap {
        font-size: 1.4dvh;
        top: 4dvh;
    }
    .title {
        font-size: 1.5dvh;
        padding-left: 8dvw;
    }
    .tbg {
        padding-left: 10dvw;
        place-items: center;
        background: linear-gradient(120deg, black, black 5dvmin, #cf0045 5dvmin, #cf0045 6dvmin, black 6dvmin, black 7dvmin, #cf0045 7dvmin, #cf0045 8dvmin, black 8dvmin);
    }
    .subtitle {
        font-size: 2dvh;
        top: 2dvh;
    }
    .missing {
        font-size: 1dvh;
        height: 30dvh;
        top: 60dvh;
    }
    .threenum {
        font-size: 1dvh;
        bottom: 2dvh;
        height: 30dvh;
        width: 90dvw;
    }
}