* {
    margin: 0;
    padding: 0;
}

body {
    background-color: #000;
    color: #fff;
    font-family: verdana;
    font-size: 10px;
    height: 100vh;
}

.enclosed {
    width: 100%;
    height: 100%;
    display: flex;
}

.flex-container { flex: auto; }

.info { padding: 3px; text-align: right; width: 167px; }
.info > a { font-size: 16px; display: block; }
.info > i { display: block; }

a { color: #f00; text-decoration: none; }
a:hover { color:#fff; text-decoration:none;}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
}

.content {
    text-align: center;
}

.content > * { padding: auto; }

#ruffle-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

#flavourtext {
    color: #fff;
    margin-top: 20px;
}

#audio-test {
    line-height: 0;
    color: #fff;
}