body {
    height: 100vh;
    width: 100vw;
    background-color: black;
    color: white;
    font-family: Courier;
    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: 80%;
    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: 3vw;
    text-align: left;
    width: 80%;
    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: 
    -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px  1px 0 #000,
    1px  1px 0 #000;
    color: #ffffff;
    text-align: left;
}

.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 */

.mnemosyne {
    text-shadow: 2px 2px 4px #005682;
    color: #ffffff;
    text-align: right;
}