body {
	margin: 0;
}
* {
	box-sizing: border-box;
}
canvas {
	display: block;
}

.container {
	position: relative;
}
.container > a {
	position: absolute;
	float: right;
	right: 30px;
	top: 55px;
	width: 15%;
}
.container img {
	width: 100%;
	float: right;
}

/* LOADING */

#load_screen {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#load {
	width: 300px;
	position: relative;
	left: calc( 50vw - 150px );
	top: calc( 50vh - 150px );
	animation-name: spin;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-delay: 0.3s;
	animation-direction: alternate;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	20% {
		transform: rotate(0deg);
	}
	80% {
		transform: rotate(720deg);
	}
	100% {
		transform: rotate(720deg);
	}
}
