body { width: 100%; height: 100%; overflow: hidden; }


/* DO NOT EDIT */
#character-container {
	position: absolute;
	top: 30%;
	width: 60%;
	left: 20%; 
	right: 20%;/* (100 - width) / 2 */
	height: 80%;
}

/* we want our characters to be positioned absolutely so we can move them around within the character container using css positioning */
.character { position: absolute; }

/* DO NOT EDIT */
.side-by-side { position: absolute; height: 100%; width: 50%; }
.side-by-side.left { left: 0; }
.side-by-side.right { right: 0; }

.stacked-vertically { position: absolute; height: 50%; width: 100%; }
.stacked-vertically.top { top: 0; }
.stacked-vertically.bottom { bottom: 0; }

audio { display: none; }