html {
	overflow: hidden;
	font-family: 'ArcadeClassic', sans-serif;
}

body {
	background-image: url("./assets/fondodesierto.jpg");
	background-size: cover;
	background-repeat: repeat-x;
}

.Opponent {
	animation: rotation 3s infinite linear;
	-webkit-animation: rotation 3s infinite linear;
}

.paused .Opponent {
	animation: none;
	-webkit-animation: none;
}

@-webkit-keyframes rotation {
	from {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
		-webkit-transform: rotate(359deg);
	}
}

.gamebutton {
	border: none;
	background: #ffffff;
	color: #000000;
	padding: 10px 20px;
	outline: none;
	cursor: pointer;
	font-family: 'ArcadeClassic', sans-serif;
	font-size: 30px;
}

#scoreli,
#livesli {
	font-size: 30px;
	float: right;
	padding-left: 15px;
	padding-right: 15px;
	border: #000 2px solid;
}

@media (max-width: 600px) {
	body {
      background-image: url("./assets/fondodesierto.jpg") ;
	}
    
	.gamebutton {
		width: 27%;
		height: 15%;
		font-size: 13px;
	}

	#scoreli,
    #livesli {
	width: 13%;
	height: 10%;
	font-size: 14px;
    }

}