#juego{
	width: 100%;
	margin: 0 auto;

	display: flex;
}
#reloj{
	margin: 0 auto;
	float: left;
	width: 45%;
}

#container{
	height: 90vh;
	margin: 0 auto;
	display: grid;
	text-align: center;
}
body{
	font-family: calibri;
	background-color: #bde5b8;
background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%2392ac94' fill-opacity='0.4'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
             @media only screen and (orientation:portrait) {
        #wrapper { display:none; }
        #aviso-movil-horizontal { 
        	margin: 0 auto;
        	
          display:grid;
text-align: center;
      font-size: 2rem;
                text-align: center;
                font-weight: bolder;}
		     #contenido{display:none;}    
      
    }


    @media only screen and (orientation:landscape) {
        #aviso-movil-horizontal { display:none; }
	    #contenido{
    text-align: center;
    display: grid;
    border: solid;
    border-radius: 1rem;
		    width: 100%;
    background-color: rgba(232, 243, 210, 0.4);
    margin: auto;

}
button{
	margin: 0 auto;

	 background-color: #557CFC;
                color: white;
                font-size: 20px;
                text-align: center;
                font-weight: bolder;
                padding: 3px;
                border: solid 2px black;
                
	
}
button:hover{
	 background-color: lightcoral;
                font-size: 22px;}
           #contenido{
           	text-align: center;
           	display: grid;
           	border: solid;
           	border-radius: 1rem;
           	background-color: rgba(232, 243, 210, 0.4);
           	margin:  auto;
         
           }
#titulo{
	margin: auto;

	font-size: 2.5rem;
}
#desc{
	font-size: 1.3rem;
}