@font-face {
    font-family: 'din_proregular';
    src: url('font/dinpro-webfont.woff2') format('woff2'),
         url('font/dinpro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din_probold';
    src: url('font/dinpro-bold-webfont.woff2') format('woff2'),
         url('font/dinpro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'din_promedium';
    src: url('font/dinpro-medium-webfont.woff2') format('woff2'),
         url('font/dinpro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {
	margin:0;
	padding:0;
}
body {
	font-family: 'din_promedium';
}
.cont {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	height:100dvh;
	width:100vw;
	background:
    url('img/izq.png') bottom left / 20vw auto no-repeat,
    url('img/der.png') bottom right / 20vw auto no-repeat,
    url('img/fondo.jpg') top center / cover repeat;
}
header {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:2vh 0;
}
header img {
	margin:1vh;
}
.h100 {
	height:10vh;
}
.h075 {
	height:7.5vh;
}
.h032 {
	height:3.2vh;
}
.conreg {
	color:#EE242E;
	text-align:center;
	font-size:1.4rem;
	margin:5vh 0;
}
.campo {
	margin:5vh 0;
}
.campo input {
	text-align:center;
	background:#EE242E;
	border:0.2vh solid #fff;
    font-family: 'din_probold';
	color:#fff;
    padding: 0.2rem 1rem 0.4rem 1rem;
	font-size:1.2rem;
	border-radius:50vh;
}
.campo input::placeholder  {
	color: #fff;
	opacity: 1;
}
.btnreg {
	margin:15vh auto 5vh auto;
	text-align:center;
	background:#EE242E;
	border:0.2vh solid #fff;
    font-family: 'din_probold';
	color:#fff;
    padding: 0.2rem 1rem 0.4rem 1rem;
	font-size:1.2rem;
	border-radius:50vh;
	display:block;
}
.campo .error {
    font-family: 'din_probold';
	text-align:center;
	color:#EE242E;
}
.imghome {
	max-width: 90%;
}
.conhome {
    font-family: 'din_probold';
	text-align:center;
	font-size:1.4rem;
	color:#fff;
}
.juego {
	min-height:70dvh;
}
#reloj {
    font-family: 'din_probold';
	text-align:center;
	font-size:1rem;
	color:#EE242E;
	margin-bottom:3vh;
}
#pregunta {
    font-family: 'din_probold';
	text-align:center;
	font-size:1.4rem;
	color:#EE242E;
	width:80%;
	display:block;
	margin:auto;
}
.respuestas {
	width:80%;
	display:block;
	margin:auto;
}
.resp {
	text-align:center;
	background:#EE242E;
	border:0.2vh solid #fff;
    font-family: 'din_probold';
	color:#fff;
    padding: 0.2rem 1rem 0.4rem 1rem;
	font-size:1.2rem;
	border-radius:50vh;	
	display:block;
	margin:2vh 0;
}
.resp.sel {
	background:#fff;
	border-color:#EE242E;
	color:#EE242E;
}
#cierra {
	width:100%;
	text-align:center;
}