body {
	background: #fff;/*#2c2c2c;*/
	color: #444;/*#fff;*/
	font-family: sans-serif;
	font-size: 14px;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1 {
	font-size: 200%;
	font-weight: bold;
	margin: 1em;
}

.center-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.controller {
	margin: 0 10px 10px;
}

select,
input,
span,
button {
	display: inline-block;
	vertical-align: middle;
}

#canvas {
	margin: 8px auto;
	display: block;
	background: #fff;
	cursor: pointer;
	/*box-shadow: 4px 4px 8px rgba(0,0,0,0.2);*/
	border:1px solid #ccc;
}