html, body
{
	/*background-color: powderblue;*/
	margin: 0;
	height: 100%;
	font-family: sans-serif;
	font-size: 18px;
}
#title
{
	background-color: #ff8700;
	margin: 9px;
	padding: .8em;
	border: 4px solid black;
	box-shadow: 4px 4px 0 0 rgba(0,0,0,0.3);
	text-align: center;
	color: #f5f5f5;
}
#main
{
	background-color: #b1e3fa;
	margin: 9px;
	padding: 15px 15px;
	border: 4px solid black;
	box-shadow: 4px 4px 0 0 rgba(0,0,0,0.3);
}
.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.game
{
    position: relative;
    width: 800px;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.game canvas {
    position: absolute;
    width: 100%;
    height: 100%;
}
#main a { color: #526ffc; }
#main a:hover, #main a:active { color: #f2f2f2; background: #ea316e; }
/* todo canvas should not have padding, according to theme/love.css */