@import url(https://fonts.googleapis.com/css?family=Open+Sans);
iframe
{
  display:none;
}
html,body{
color:white;
  font-family:'Opens Sans',helvetica;  
  height:100%;
  width:100%;
  margin: 0px;
}
.fondo{width: 100%; height: 100%; position: absolute; top: 0%; left: 0%;}
.imagen
{
  width: 100%;
  height: 99%; 
  display: flex;
  flex-flow: row wrap;
  position: absolute;
  top: 0%;
  left: 0%;
}




#cortina
{
    position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; display: flex; flex-flow: row wrap;

}


#mensaje
{
     position: absolute; top: 2%; left: 5%; width: 90%; height: 25%; display: flex; flex-flow: row wrap;
  border: 1px solid #ffffff;
  background: rgba(179, 214, 223, 0.5);
  border-radius: 5px; 
}

#letras{
     position: absolute; top: 0%; left: 15%; width: 85%; height: 99%; display: flex; flex-flow: row wrap; font-size: 50px;
}
.bocina{  position: absolute; top: 10%; left: 3%; width: 10%; height: 40%; display: flex; flex-flow: row wrap;

}


.btniniciar
{
     position: absolute; top: 50%; left: 44%; width: 12%; height: 10%; display: flex; flex-flow: row wrap;

}





.panel-juego{position: absolute; top: 2%; left: 5%; width: 90%; height: 95%; display: flex; flex-flow: row wrap;}

#palmera
{position: absolute; top: 0%; left: 30%; width: 40%; height: 100%; display: flex; flex-flow: row wrap;}

#liana
{position: absolute; top: 40%; left: 55%; width: 10%; height: 60%; display: flex; flex-flow: row wrap;}


#changuito
{position: absolute; top: 85%; left: 50%; width: 10%; height: 15%; display: flex; flex-flow: row wrap;}


#platanos
{position: absolute; top: 27%; left: 52%; width: 10%; height: 15%; display: flex; flex-flow: row wrap;

}


#cuenta_platanos
{position: absolute; top: 95%; left: 52%; width: 10%; height: 5%; display: flex; flex-flow: row wrap;

}



#penca
{position: absolute; top: 90%; left: 70%; width: 10%; height: 10%; display: flex; flex-flow: row wrap;

}

#conteo
{
  position: absolute; top:68%; left: 70%; width: 10%; height: 15%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;  background-color: white; 
}

#numeros
{
position: absolute; top:32%; left: 40%; color: black; font-size: 50px; 
}

/*
border: 1px solid #E87306;
  background: rgba(232, 115, 6, 0.5);
  border-radius: 5px;
*/