@font-face {
    font-family: TUM;
    src: url(font/TUMNeueHelvetica-Regular.ttf);
}

@font-face {
    font-family: TUM;
    src: url(font/TUMNeueHelvetica-Bold.ttf);
    font-weight: bold;
}


div {
    font-family: TUM, sans-serif;
    font-weight: bold;
    color: white;
}

body {
    /* The image used */
    background-image: url(lowpoly.png);

    /* Full height */
    height: 100vh;
    width: 100vw;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    /* Flexbox settings to center the child elements */
    display: flex;
    justify-content: center;
}

.flipdown {
    zoom: 6;
    width: 16vw;
    font-size: 0.7vh;
    font-family: TUM, sans-serif;
    display: flex;
    justify-content: center;
}

.flipdown_hd {
    font-size: 0.7vh;
}

.container {
    margin-top: 10em;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

.header-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 7em;
}

.text-container {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-left: 14em;
    margin-right: 14em;
}

.logo {
    height: 30em;
}

.subtitle {
    font-size: 8em;
    color: white;
}

.website {
    font-size: 7em;
    color: white;
}

.date, .location{
    font-size: 10em;
    color: white;
}

.flipdown .rotor-group .rotor-group-heading::before {
    color: white;
}