@font-face {
	font-family: 'neutraface';
	src: url('fonts/neutraface_text_bold-webfont.woff2') format('woff2'),
		 url('fonts/neutraface_text_bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: 'neutraface';
	overflow:hidden;
}
* {
	margin:0;
	padding:0;
}
.pantalla {
	background:url('img/fondo.jpg') center center no-repeat;
	background-size:cover;	
	position:absolute;
	top:0;
	left:0;
	width:100vw;
	height:100vh;	
	overflow:hidden;	
}
#juego {
	background:url('img/fondo.jpg') center center no-repeat;
	background-size:cover;				
}
#home,#instr {
	background:url('img/fondo.jpg') center center no-repeat;
	background-size:100% auto, cover;				
}
#admin {
	display:none;
}
#instr { 
	display:none;
}
#instr p { 
    font-size: 70px;
    text-align: center;
    margin: 5% 10%;
}

.premio {
	display:none;
	text-align:center;
}
.premiofinal {
	color:#fff;
	font-size:6rem;
	margin:30px;
}
.premio a {
	color:#fff;
	font-size:4rem;
	margin:30px;
}
.imgpremio {
	padding-top:30%;
	margin:20% 20% 10% 20%;
	width:60%;
	display:block;
	position:relative;
}
.imgpremio img, .imghome img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.imghome {
    padding-top: 15%;
    margin: 35% auto 10% auto;
    width: 55%;
	display:block;
	position:relative;	
}
.minho {
	max-width:50%;
	display:block;
	margin:10% auto;
}
#shampoo {
	position:absolute;
	bottom:11%;
	left:15%;
	width:10%;	
}
#acondicionador {
	position:absolute;
	bottom:11%;
	right:30%;
	width:10%
}
#locion {
	position:absolute;
	bottom:11%;
	left:30%;
	width:10%;	
}
#locion2 {
	position:absolute;
	bottom:11%;
	left:45%;
	width:10%;	
}
#crema {
	position:absolute;
	bottom:11%;
	right:15%;
	width:10%
}
#admin>div {
	width:100vw;
	height:100vh;
    background: rgba(0,0,0,0.8);
    color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
	font-size: 25px;
}
#admin>div div {
	margin:10px;
}
#admin input, #admin p, #admin a {	
	font-size: 40px;
	text-align:center;
}
#adminbtn {
	position:absolute;
    top: 4%;
    left: 37%;
    width: 27%;
    height: 15%;
	display:block;
}
.objeto {
	position:absolute;
	top:-100vw;
	left:0;
	width:21%;
	height:auto;
	padding-top:300px;
}
#logo {
	position:absolute;
    bottom: 6%;
    left: 10%;
	width:22%;
	height:auto;
}
#reloj {
	position: absolute;
    bottom: 5%;
    right: 8%;
	width: 32%;
	height: auto;
	background: #787878;
	border: 11px solid #fff;
	border-radius: 100px;
	font-size: 5vh;
	line-height: 90px;
	vertical-align: middle;
	padding-bottom: 13px;
	text-align: center;
	color: #fff;
}
#puntaje {
	position: absolute;
	top: 3%;
	right: 6%;
	width: 28%;
	height: auto;
	background: #b0246a;
	border: 11px solid #fff;
	border-radius: 100px;
	font-size: 85px;
	line-height: 90px;
	vertical-align: middle;
	padding-bottom: 13px;
	text-align: center;
	color: #fff;	
	display:none;	
}