@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Orbitron');


h1{
	font-family: 'Orbitron', sans-serif;
	display: inline;
}

h2{
	font-family: 'Orbitron', sans-serif;
	display: inline;
	padding: 0;
	margin: auto;
}


#btn-start {
	background-color: white;
    color: black;
    border: 2px solid #555555;
	float: inline;
	margin-left: 100px;
	font-family: 'Orbitron', sans-serif;
	font-size:20px;
	cursor: pointer;
}


.circulo {
	width: 200px;
	height: 200px;
	margin: .2em;
	padding: .3em;
	border: 2px solid #779992;
	border-radius: 50%;
	font-size: 50px;
	display: inline-block;
	text-align: center;
	background-color: #ABCEC7;
	/*background-image: url('../img/morgan.jpeg');*/
}

.indice {
	width: 260px;
	height: 20px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-family: 'Orbitron', sans-serif;
}

.row-text {
	position: absolute;
	margin: -10px;
}

#divider {
	height: 20px;
}

#score {
	text-align: center;
}

.row {
	margin-top: 10px;
}

.circulo-seleccionado {
	width: 200px;
	height: 200px;
	margin: .2em;
	padding: .3em;
	border: 2px solid #76ccb9;
	border-radius: 50%;
	font-size: 50px;
	display: inline-block;
	text-align: center;
	background-color: #76ccb9;
	/*background-image: url(https://alexandrexose.neocities.org/crazy-frog-small.png);*/
	background-image: url(../img/crazy-frog-small.png);
	background-repeat: no-repeat;
	cursor: url(../img/cursor-hammer.png), url(app/img/cursor-hammer.cur), pointer !important;
	/*background-image: url('../img/morgan.jpeg');*/
}