body {
    background-color: white;
    font-family: "Audex";
    color: #100d22;
    cursor: default;
}
.container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1dvh;
    right: 1dvh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.top {
    position: relative;
    width: calc(100% - 1dvh);
    height: fit-content;
}
.title {
    font-size: 9dvw;
    text-transform: uppercase;
    text-shadow:
            0.50dvw 0.04dvw #ff45a1,
            -0.18dvw -0.42dvw #8afbec;
}
.subtitle {
    background-color: #100d22;
    color: white;
    padding: 1dvh;
    text-transform: uppercase;
    box-shadow:
        1dvh 0.04dvw #ff45a1,
        -0.18dvw -0.82dvw #8afbec;
}
.subtitle a {
    color: #ff45a1;
    text-decoration: none;
    cursor: pointer;
}
.subtitle a:hover {
    color: #8afbec;
}

.sublinks {
    padding-top: 2dvh;
    display: flex;
    flex-direction: column;
    background-color: #ff45a1;
    width: 100%;
    height: 100%;
    font-size: 2.5dvh;
}
.sublinks .none {
    padding-left: 1dvh;
}
.sublinks .one {
    padding-left: 5dvh;
}
.sublinks .two {
    padding-left: 9dvh;
}
.sublinks a {
    color: white;
    text-decoration: none;
}
.sublinks a:hover {
    background-color: #100d22;
    color: #8afbec;
    cursor: pointer;
}
.sublinks a:hover {
    color: #8afbec;
}
.blue {
    color: #8afbec;
}
.str {
    color: #fdf508;
}
.var {
    color: #38c28e;
}
.oth {
    color: #a43fcb;
}