@keyframes fadein{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 100;
	}
}

.textdiv{
	display: block;
	color: white;
	font-family: 'Muli', sans-serif;
	text-align: center;
	font-size: 35px;
	text-align: center;
	margin-top: 10%;
	animation: fadein 1s ease-in;
}

#heading{
	font-size: 45px;
}

.buttons{
	display: block;
	color: white;
	font-family: 'Muli', sans-serif;
	text-align: center;
	font-size: 35px;
	text-align: center;
	animation: fadein 1.3s ease-in;
}

.buttons2{
	display: block;
	color: white;
	font-family: 'Muli', sans-serif;
	text-align: center;
	font-size: 35px;
	text-align: center;
	animation: fadein 1s ease-in;
}

#booton{
	background-color: purple;
	border-color: blueviolet;
	margin-left: 0.5%;
	margin-right: 0.5%;
}

#gamebooton{
	background-color: tomato;
	border-color: tomato;
	margin-left: 6.5%;
	margin-right: 6.5%;
	width: 10%;
	float: left;
	margin-top: 2%;
	animation: fadein 2.2s ease-in;
}

.label{
	color: white;
}

.textbox{
	animation: fadein 1.9s ease-in;
}

.form-group{
	width: 10%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
}

#canvas{
	margin: 0px;
	margin-top: -10%;
	padding: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	position: absolute;
	display: block;
}

#gamedisplay{
	visibility: hidden;
}

#leveldisplay{
	color: violet;
	width: 50%;
	float: left;
	font-size: 40px;
	position: absolute;
	text-align: center;
}

#tutorial{
	color: violet;
	font-size: 15px;
	text-align: center;
}

#ammodisplay{
	color: violet;
	width: 50%;
	margin-left: 50%;
	float: right;
	font-size: 40px;
	position: absolute;
	text-align: center;
}

#thanks{
	position: fixed;
	width: 100%;
	bottom: 0;
	color: purple;
	animation: fadein 2.5s ease-in;
	text-align: center;
	padding: 0%;
}