body {
    background-color: #f20000;
    font-family: "Kleptocracy BD";
    overflow: hidden;
}
.container {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100vw;
    height: 100vh;
    font-size: 2vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.title {
    position: relative;
    display: flex;
    flex-direction: row;
    font-size: 5.5vh;
    height: 5vh;
    padding-left: 0.5vw;
    cursor: default;
    z-index: 2;
    background-color: #ffab00;
    color: #f20000;
    overflow: hidden;
}
.title-link {
    color: #f20000;
    text-decoration: none;
    cursor: pointer;
}
.title-link:hover {
    color: #0d75ff;
}
.invis {
    color: transparent;
}
.sectitle {
    position: relative;
    top: -1.4vh;
    font-family: "Kleptocracy BD";
    font-size: 5.5vh;
    padding-left: 0.5vw;
    height: 4vh;
    color: #ffab00;
    cursor: default;
}
.rd {
    background-color: #ffab00;
    color: #f20000;
}
.rd:hover {
    color: #0d75ff;
}
.bl {
    color: #3400a3;
    background-color: #9161f2;
}
.bl:hover {
    color: #ff5ec4;
}
.gr {
    color: #19cc33;
    background-color: #d50c42;
}
.gr:hover {
    color: #3400a3;
}
.content {
    padding-top: 0;
    position: relative;
    height: 25vh;
    font-family: "NIN";
    text-transform: lowercase;
}
.end {
    height: 100%;
}
#red {
    color: #0d75ff;
    background-color: #f20000;
    display: block;
}
#blue {
    color: #ff5ec4;
    background-color: #3400a3;
    display: none;
}
#green {
    color: #3400a3;
    background-color: #19cc33;
    display: none;
}
a {
    text-decoration: none;
    letter-spacing: normal;
    transition-property: letter-spacing;
    transition-duration: 1s;
}
a:hover {
    letter-spacing: 0.3rem;
}
#red a {
    color: #ffab00;
}
#red a:hover {
    color: #0d75ff;
}
#blue a {
    color: #9161f2;
}
#blue a:hover {
    color: #ff5ec4;
}
#green a {
    color: #d50c42;
}
#green a:hover {
    color: #3400a3;
}
.title a {
    transition-property: none;
    transition-duration: 0;
}
.title a:hover {
    letter-spacing: normal;
}
.navbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 10px;
    font-size: 3vh;
    width: 100%;
}
.rd a {
    color: #f20000;
}
.rd a:hover {
    color: #0d75ff;
}
.bl a {
    color: #3400a3;
}
.bl a:hover {
    color: #ff5ec4;
}
.gr a {
    color: #19cc33;
}
.gr a:hover {
    color: #3400a3;
}
.indent {
    padding-left: 1vw;
    font-size: 1.5vh;
}
.bottom-right {
    position: absolute;
    pointer-events: none;
    width: min-content;
    font-size: 7vh;
    bottom: 0;
    right: 0;
    z-index: 2;
}