@font-face {
    font-family: DM-80 Light;
    src: url(DM-80-Regular.otf);
}

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

ul {
    font-family: DM-80 Light;
}


.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: repeat;
    background-size: contain;
}

.dialog { 
    font-size: 3.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: #0b0b0b;
}

.narration {
    color: #141414;
}

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

.nancy {
    color: #cb2525;
    text-align: right;
}

.sophie {
    color: #00d9ff;
    text-align: left;
}

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