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

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

ul {
    font-family: IMFellEnglish;
}


.gamebody {
    height: 90%;
    width:  100%;
    margin-top:  80px;
    margin-left: 20px;
    margin-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    overflow: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.dialog, .dialog3 { 
    height: 30%;
    font-size: 4vw;
    width: 70%;
}

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

.text1, .text2, .text3, .number, .comment, .digress, .shout, .narration {
    display: block;
    text-shadow: 2px 2px 4px #000000;
}

.text1 {
    color: #6A6A6A;
    text-align:  center;
}

.text2 {
    color: #BBBBBB;
}

.text3 {
    color: #FEFEFE;
}

.blank {
    color:  #FAF9F6;
}

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

.number {
    color: #663300;
	text-align:  center;	
	font-size: 10vw;
}

.comment {
    color: #448580;    
	text-align:  center;	
}   

.digress {
    color: #5368b4;    
	text-align:  center;	
}   

.shout {
    color: #663300;
	text-align:  center;	
	font-size: 6vw;
}

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