* {
padding: 0;
margin: 0;
box-sizing: border-box;
}


body {

}

.container {
background: #2280c3;
background: linear-gradient(178deg, rgba(34, 128, 195, 1) 0%, rgba(253, 100, 45, 1) 100%);
margin: auto;
width: 80%;
height: 80vh;
padding: 10px 30px 10px 30px;
}

.titulo {
text-align: center;
}

.juego {
margin: auto;
width: 90%;
margin-top: 10px;
margin-bottom: 10px;
background: rgba(0, 0, 0, .4);
color: #fff;
padding: 5px 15px 5px 15px;
}

.gato {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.gato input {
height: 40px;
flex: 0 0 33%
}

input {
text-align: center;
font-size: 1em;
}

/* MEDIA QUERY PARA TABLET */
@media (min-width: 461px) and (max-width: 767px) {
.container {
background: #2280c3;
background: linear-gradient(178deg, rgba(34, 128, 195, 1) 0%, rgba(253, 100, 45, 1) 100%);
}
}

/*MEDIA QUERY PARA CELULAR*/
@media (min-width: 359px) and (max-width: 740px){
.container {
background: #2280c3;
background: linear-gradient(178deg, rgba(34, 128, 195, 1) 0%, rgba(253, 100, 45, 1) 100%);
}

.container {
background: #2280c3;
background: linear-gradient(178deg, rgba(34, 128, 195, 1) 0%, rgba(253, 100, 45, 1) 100%);
margin: auto;
width: 96%;
height: 96vh;
padding: 10px 15px 10px 15px;
}

.juego {
margin: auto;
width: 95%;
margin-top: 10px;
margin-bottom: 10px;
background: rgba(0, 0, 0, .4);
color: #fff;
padding: 5px 15px 5px 15px;
}

.gato {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}

.gato input {
width: 30px;
height: 60px;
flex: 0 0 33%;
}



}/* FIN MEDIA QUERY CELULAR */