body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000000;
}

h1 {
    font-family: "AutourOne";
    color: #ffffffff;
}
h2 {
    font-family: "AutourOne";
    color: #ffffffff;
}

#WebsiteTitleHeader {
    position: relative;
    z-index: 2;

    text-align: center;
    font-size: 7.5vw;

    top: -0.5vw;
}

#WebsiteTitleSubHeader {
    position: relative;
    z-index: 2;

    text-align: center;
    font-size: 2vw;

    top: -5vw;
    
    color: #d9d9d9ff;
}

#underConstructionText {
    position: relative;
    z-index: 2;

    font-family: monospace;

    text-align: center;
    font-size: 3.5vw;

    top: calc(100% - 34vw);
    
    color: #ffffffff;
}

#NavigationBox {
    position: absolute;
    z-index: 3;

    width: 25vw;
    height: 30vh;

    min-width: 450px;
    min-height: 250px;

    background-color: #00000088;

    border-radius: 24px;

    left: 50%;
    top: calc(50% + 7.5vh);

    transform: translate(-50%, -50%);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    text-align: center;
}
.NavigationBoxLink {
    position: relative;
    z-index: 4;

    font-size: 5vh;

    font-family: "AutourOne";
    color: white;
}

#legalDisclaimerLink {
    position: absolute;
    z-index: 8;

    font-family: "AutourOne";
    color: white;
    font-size: 25px;

    top: calc(100% - 35px);
    left: 5px;
}

#legalDisclaimerBox {
    position: absolute;
    z-index: 14;
    width: 250px;
    height: 120px;
    background-color: #00000088;

    top: calc(100% - 130px);
    left: 10px;

    font-family: "AutourOne";
    font-size: 18px;
    color: white;

    align-items: center;
    text-align: center;
}