*{
	margin:0px;
	padding:0px;
}

#oats_canvas{
	width:100%;
	height:auto;
	background-color: #000000;
}

.hidden{
	display: none;
}

.character{
	margin-left: 50%;
	transform: translate(-50%,0px);
	width:auto;
}

.character_icon{
	width:100%;
	max-height:100vh;
}

.speech{
	position:absolute;
	color: white;
	margin-top:90%;
	transform: translate(0%,-50%);
	text-align: center;
	width:100%;
	word-break: break-word;
	
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 45px;
	letter-spacing: -0.8px;
	word-spacing: 2.4px;
	color: #FFFFFF;
	font-weight: 400;
	text-decoration: none;
	font-style: normal;
	font-variant: small-caps;
	text-transform: none;
	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}