@font-face {
    font-family: 'Roboto';
    src: url('../font/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
#resultados {
    background: #001122;
    height: 100%;
    width: 100%;
}
#resultadoFinal {
    height: 20%;
    background: #d2ff52;
    color: #FFFFFF;	
	font-family:Roboto;	
	color:black;
	font-size:35pt;
}
#bMenu{
	background-image: url(../img/menu.svg);
	background-repeat: no-repeat;
    background-size: contain;	
	background-position: center;
	border:none;
}
#bContinuar{
	background-image: url(../img/next-arrows.svg);
	background-repeat: no-repeat;
    background-size: contain;	
	background-position: center;
}
#resultadoDetalle {
    position: relative;
    height: 65%;
    width: 100%;
    background: #112244;
}
#tiempoRestante {
    height: 35%;
	width:100%;
    background: #CCDDEE;
	background-image: url(../img/icon-clock.svg);
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
	overflow:hidden;
}
#minutosRestantes{
	position:relative;
	height:100%;
	width:35%;
	background:transparent;
	float:left;
	font-family: 'Roboto';
	font-size:45pt;
	}
#logoTiempo{
	position:relative;
	height:100%;
	width:30%;
	background:transparent;
	float:left;
	}
#segundosRestantes{
	height:100%;
	width:35%;
	float:left;
	font-family: 'Roboto';
	font-size:45pt;
	}
#go {
    height: 25%;
	background:transparent;
}
#goleft{
		height:100%;
		width:50%;
		float:left;
		position:relative;
		background: #CCDDEE;
		background-image: url(../img/upnext.svg);
		background-repeat:no-repeat;
		background-position: center;
		background-size: contain;
}
#goright{
		height:100%;
		width:50%;
		float:left;
		position:relative;
		background: #CCDDEE;
		background-image: url(../img/upnext.svg);
		background-repeat:no-repeat;
		background-position: center;
		background-size: contain;
}

#nextChallenge {
    height: 40%;
	width:100%;
    background: #112244;
}
#nextLevel{
	position:relative;
	float:left;
	height: 100%;
	width:50%;
	background: #c5deea;
	font-family:Roboto;
	font-size:35pt;
}
#nextQ{
	position:relative;
	float:left;
	height:100%;
	width:50%;
	background: #c5deea;
	font-family:Roboto;
	font-size:35pt;
}
#bottomAction {
    height: 15%;
    background: #223355;

}
#cbBackToMenu{
    float: left;
    position: relative;
    height: 100%;
    width: 30%;
	background: #8899AA;
	background-image: url(../img/menu.svg);
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
}
#shareSocial {
    float: left;
    position: relative;
    height: 100%;
    width: 40%;
    background: #8899AA;
}
#bShare{
	background-image: url(../img/fb.svg);
	background-repeat: no-repeat;
	background-position: center;
    background-size: contain;
	border:none;
}
#cbContinuar {
    float: left;
    position: relative;
    height: 100%;
    width: 30%;
    background: #8899AA;
}