*{
	margin: 0;
}

html{
	background-color: 	azure;
	height: 			100%;
}

body{
	max-width: 	720px;
	min-height: 100%;
	height: 	auto;
	margin: 	0 auto;
	background-color: whitesmoke;
}

h1{
	background-color: 	darkcyan;
	padding: 			4px;
	color: 				whitesmoke;
}

h2{
	text-decoration: darkcyan;
	padding: 		4px;
	overflow: 		hidden;
	white-space: nowrap;
}

article{
	height: 	auto;
	padding: 	4px;
}

.centering{
	text-align: center;
}

.flex{
	display: flex;
}

#charaA, #charaB, #drow{
	height: 	100px;
	width: 		30%;
	margin: 	auto;
	vertical-align: middle;
}

#contents{
	flex: 1;
}

#start{
	display: inline;
}

#contents{
	width: 	75%;
}