@font-face {
    font-family: yanone;
    src: url(YanoneKaffeesatz-Medium.ttf);
}

body {
    height: 100vh;
    width: 100vw;
    background-color: black;
    color: white;
    font-family: yanone;
    user-select: none;
    background-size:  contain;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
    margin: 0px;
    overflow: hidden;
}

ul {
    font-family: yanone;
}


.gamebody {
    height: 90%;
    max-width:  100%;
    margin:10vh 10vw 5vh;
    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;

    overflow: hidden;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.dialog { 
    font-size: 4.5vw;
    width: 100%;
    display: block;
}

/* CHARACTER SPEAKING TAGS 1/2 */
/* add any new character tags into the below */

.dialog {
    /* default text, all other classes will override these */
    text-shadow: 2px 2px 4px #000000;
    text-align: center;
}

.dialog.old {
    /* old lines */
    color: #6A6A6A;
}

.narration {
    color: #FEFEFE;
}

/* CHARACTER SPEAKING TAGS 2/2 */
/* replace the below with whatever characters you have set up in assets.js */

.elke {
    color: #f9b684;
    text-align: left;
}

.cecilia {
    color: #b698ed;
    text-align: right;
}

.adelaide {
    color: #cdec93;
    text-align: left;
}

.luceta {
    color: #e2a2e7;
    text-align: right;
}



.narration {
    color: #FAF9F6;
    text-align:  center;
}