html {
  overflow: hidden;
}

.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: #ddd;
	color: #333;
	padding: 10px 20px;
	outline: none;
	font-family: monospace;
	cursor: pointer;
}

.tablero {
	border: 1px solid black;
	padding: .5em;
	max-width: 250px;
	text-align: center;

}

.tablero ul {
	border: 1px solid green;
	padding: inherit;
}

.tablero ul > li {
	text-transform: uppercase;
}

.tablero li {
	border: 1px solid grey;
	display: inline-block;
	margin-left: 5px;
	padding: 0.25em;
	text-decoration: none;
}

.tablero li span {
	color: blue;
	font-weight: bold;

}