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;
}
.ti-mobile {
    color: #f20000;
    text-decoration: none;
    cursor: pointer;
    display: none;
    visibility: hidden;
}
.ti-mobile: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;
}
.st-mobile {
    position: relative;
    top: -1.4vh;
    font-family: "Kleptocracy BD";
    font-size: 5.5vh;
    padding-left: 0.5vw;
    height: 4vh;
    color: #ffab00;
    cursor: default;
    display: none;
    visibility: hidden;
}
#mobile {
    display: none;
    visibility: hidden;
}
.rd {
    background-color: #ffab00;
    color: #f20000;
}
#bl {
    display: none;
    visibility: hidden;
}
#gr {
    display: none;
    visibility: hidden;
    
}
.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;
    width: 99dvw;
    font-family: "NIN";
    font-size: 1.6dvh;
    text-transform: lowercase;
    display: flex;
    flex-direction: row;
}
.halfsec {
    position: absolute;
    width: 48dvw;
    height: auto;
}
.end {
    height: 100%;
}
#red {
    color: #0d75ff;
    background-color: #f20000;
    display: block;
}
#blue {
    color: #ff5ec4;
    background-color: #3400a3;
    display: none;
    visibility: hidden;
}
#green {
    color: #3400a3;
    background-color: #19cc33;
    display: none;
    visibility: hidden;
}
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;
}
.mtitle {
    font-size: 4vw;
}
.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: 2.5vh;
    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;
}
@media screen and (orientation: portrait) {
    #rd {
        display: none;
        visibility: hidden;
    }
    .title-link {
        display: none;
        visibility: hidden;
    }
    #mobile {
        display: flex;
    }
    .sectitle {
        display: none;
        visibility: hidden;
    }
    .ti-mobile {
        display: block;
        visibility: visible;
    }
    .st-mobile {
        display: block;
        visibility: visible;
    }
    .navbar {
        font-size: 5vw;
    }
    .bottom-right {
        font-size: 8.4vw;
    }
    .navbar {
        height: 20vh;
        font-size: 6vw;
    }
    .navbar br {
        display: none;
        visibility: hidden;
    }
}