/* MAIN */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

body {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: rgba(50, 47, 51, 1);
	font: italic normal 16px/1.5 Georgia, Times, Times New Roman, serif;
	color: #f7f7f7;
}

a {
	text-decoration: none;
	color: rgba(236, 219, 63, 1);
}

a:hover, a:focus {
	color: #f7f7f7;
}

.container {
	position: relative;
	padding: 2.5em 2.5em;
	background-color: rgba(220, 220, 220, 0.50);
	z-index: 5;
}

h1.logo {
	margin: 1em auto;
	width: 60px;
	height: 60px;
	background: url(../_img/logo.png) no-repeat;
	background-size: contain;
}

canvas {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}