@font-face {
	font-family: 'rifton';
	src: url('FontsFree-Net-rifton-norm.ttf')  format('truetype');
}
body {
	font-family: 'rifton';
	position: relative;
	height: 100vh;
	background-color: #f4f4f4;
	margin: 0;
	height:100vh;
	overflow:hidden;
}
.w80 {
	width:80%;
}
.w45 {
	width:45%;
}
.ganapts {
	position:absolute;
	color:#f9032f;
    font-size: 4vh;
    text-align: center;
	transform: translate(-50%, -50%);
	z-index:31;
	opacity:0;
	text-shadow: #000 0 0 20px
}
.line {
	pointer-events: none;
	position: absolute;
	height: 0.4vw;
	background: radial-gradient(circle, rgba(255,0,0,0.8) 0%, rgba(125,115,57,0.8099614845938375) 28%, rgba(228,24,12,1) 56%, rgba(255,0,0,0) 100%);
	transform-origin: left center;
}
.lata {
	position: absolute;
	width: 5vh;
	height: auto;
	top:100%;
	user-select: none;
	-webkit-user-select: none; 
	-moz-user-select: none;  
	z-index:5;
}
.lata.malom {
	width: 6vh;	
}
.lata.maloo {
	width: 5vh;	
}
.lata.malol {
	width: 11vh;	
}
.lata.malon {
	width: 13vh;	
}
#error {
	background:url('img/ouch.png') center center no-repeat;
	background-image: url('img/ouch.png'), url('img/fondoerror.png');
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	display:none;
	z-index:30;
}
#puntos {
	position:absolute;
	bottom:7.5vh;
	left:1vh;
	width:23vw;
	border-radius:30vh;
	background: rgb(255,64,25);
	background: linear-gradient(90deg, rgba(255,64,25,1) 0%, rgba(255,47,57,1) 28%, rgba(255,20,25,1) 69%, rgba(255,29,93,1) 100%);
	color:#fff;
	text-align:right;
	font-size:2.2vh;
	padding:1vw 5vw;
	z-index:8;
}
#tiempo {
	position:absolute;
	bottom:3vh;
	right:1vh;
	border-radius:100vw;
	width:25vw;
	height:25vw;
	display:flex;
	align-items:center;
	justify-content:center;
	border:0.8vw solid rgba(255,64,25,1);
	z-index:8;
}
#tiempo > span{
	display:flex;
	align-items:center;
	justify-content:center;
	position:absolute;
	top:3%;
	left:3%;
	width:94%;
	height:94%;
	text-align:center;
	border-radius:30vh;
	background: rgb(255,64,25);
	background: linear-gradient(45deg, rgba(255,64,25,1) 0%, rgba(255,47,57,1) 28%, rgba(255,20,25,1) 69%, rgba(255,29,93,1) 100%);
	color:#fff;
	font-size:3vh;
	z-index:8;
}
#tiempo > span b {
	display:block;
	font-weight:normal;
	width:20%;
}
#juego {
	width:100vw;
	height:100vh;
	background:url('img/fondo.jpg') center center no-repeat;
	background-size:cover;
	overflow:hidden;
	position:absolute;
}
#admin {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	display:none;
}
#admin > div {
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	height:100vh;
}
#admin * {
	font-size:3vw;
}
#admin p {
	color:#000;
	margin:0.8% 0 0.5% 0;
}
#admin a {
	color:#000;
}
.pantalla {
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	background:url('img/fondo_negro.jpg') center center no-repeat;
	background-size:cover;
	z-index:999999;
}
.pantalla > div {
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
	width:100vw;
	height:100vh;
	padding:3vh;
	box-sizing:border-box;
}
#adminlink {
	display:block;
	position:absolute;
	top:0;
	left:25%;
	width:50%;
	height:20vh;
}
.pantalla#premio, .pantalla#jugar {
	background-image:url('img/fondopremio.png');
}
#jugar img {
	max-width:90vw;
}
#premio, #perdio {
	display:none;
}
#premio p, #perdio p {
    color: #fff;
    font-size: 4vh;
	text-align:center;
	text-transform:uppercase;
}
#premio p b {
	display:block;
	color:#f9032f;
	text-align:center;
}