@charset "UTF-8";
/* CSS Document */

.escribiendo .retroBien{
    color: rgb(0, 131, 0);
   /* background-color: rgba(0, 255, 0, 0.1);*/
    display: inline-block;
/*    border: 1px solid rgb(0, 165, 0);*/
    padding: 6px;
    border-radius: 3px;
	margin: 0 2px;
	display: none;
}

.escribiendo .retroMal{
	color: rgb(0, 131, 0);
   /*background-color: rgba(0, 255, 0, 0.1);*/
    display: inline-block;
    /*border: 1px solid rgb(0, 165, 0);*/
    padding: 6px;
    border-radius: 3px;
	margin: 0 2px;
	display: none;
  /*  color: rgb(131, 0, 0);
    background-color: rgba(255, 0, 0, 0.1);
    display: inline-block;
    border: 1px solid rgb(165, 0, 0);
    padding: 6px;
    border-radius: 3px;
	margin: 0 2px;
	display: none;*/
}

.escribiendo span.correcto{
    border:1px solid #0C0;
    color:#030;
    background-color: #f0fff0;
    padding: 0.5em;
    border-radius: 3px;
}

.escribiendo span.incorrecto{
    border:1px solid #F00;
    color:#600;
    background-color: #ffeff2;;
    padding: 0.5em;
    border-radius: 3px;
}

.icono{
  font-size: 6em;
  float: right;
  color: #b1b1b1;

}
@media (min-width:900px){
  .icono {

  
    display: none;
}