@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

body {
    margin-top: 20px;       
}

canvas {
	margin: auto;
}
		
div {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.helptext {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, 'sans-serif';
	background-color: rgba(228, 228, 220, 0.9);
	margin: 80px 60px;
	padding: 30px 40px 50px 40px;
	border-radius: 20px;
	box-shadow: 10px 10px 5px rgba(32,32,32,.8);
}
		
div.hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0.3s, opacity 0.3s linear;
}
		
div.info {
	border-radius: 20px;
	opacity: 1;
	transition: opacity 0.3s linear;
}
		
.center {
	text-align: center;
}

#game {
	position: relative;
}

#game.ball canvas{
	border-radius: 20px;
	box-shadow: 10px 10px 5px rgba(32,32,32,.8);
}
		
#skin_button_img{
  	position: absolute;
  	top: 468px;
  	left: 337px;
}