body{
	font-family: calibri;
	text-align: center;
	background-image: url('recursos/fondo.png');
	font-family: 'Calibri', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
background-size: 100%;}

div{
	padding: 0.5rem;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius:1rem ;
	width: fit-content;
	margin: auto;
}
p{
	font-size: 2rem;
}
#incorrecto0,#incorrecto1,#incorrecto2,#incorrecto3,#incorrecto4,#incorrecto5{
	font-size:1.5rem;
	color:red;
}
h1,h2{
	background-color: rgba(230, 220, 240, 0.7);
	font-family: Calibri;
width: 40%;
border-radius: 1rem;
	margin: auto;
}
h1{
	font-size: 3rem;
}
h2{
	font-size: 2.3rem;
}
#button img:hover{ 
	width: 90%;
}
#button img{
	width: 80%;
}
#button{
	padding: 0.5rem;
	background-color: transparent;
	border-color: transparent;
}
.avanzar{
	background-color: aquamarine;
	font-size: 1.3rem;
	color: black;
}
.avanzar:hover{
		background-color: deepskyblue;
	font-size: 1.8rem;
	color: white;
}
.con{
	background-color: greenyellow;
		font-size: 1.3rem;
	color: black;
}
.con:hover{
	background-color: seagreen;
		font-size: 1.8rem;
	color: white;
}
.sin{
	background-color: orange;
		font-size: 1.3rem;
	color: black;
}
.sin:hover{
	background-color: orangered;
		font-size: 1.8rem;
	color: white;
}
.button_imagen,.button_imagen_escritura{
	background-color: rgba(188, 222, 255, 0.4);
	
	color: black;
	font-size: 3vh;
	width:15vw;
	height:15vh;
}
.button_imagen:hover,.button_imagen_escritura:hover{
			background-color: rgba(188, 222, 255, 8);
	font-size:3.5vh;
	color: white;
	
	width:20vw;
	height:20vh;
}

.button_imagen img, .button_imagen_escritura img{
	width: 10vw;
	height:10vh;
	
	
}
@media only screen and (orientation:portrait) {
        h1,h2,div { display: none; }
        #aviso-movil-horizontal { 
          display:block;
      font-size: 1rem;
                text-align: center;
                font-weight: bolder;}
		    
      
    }

    @media only screen and (orientation:landscape) {
        #aviso-movil-horizontal { display:none; }
    }