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


/* DO NOT EDIT */
#character-container {
	position: absolute;
	width: 90%;
	left: 5%; /* (100 - width) / 2 */
	height: 05%;
	top: 40%; /* (100 - height) / 2 */
}


/* 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; }