#settings{	color:white;}#contenitore{	background:url(./bg.jpg) no-repeat center;	background-color:black;	height:100vh;}
body{

  background-color:white;
}

#rig{
 background: url('./bg.jpg') no-repeat center;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.more, .less{
  cursor:pointer;
  text-align:center;
}

.testo{
  line-height:43px;
}
#to_guess_wrapper{	display: flex;    justify-content: center;	flex-direction:row;	margin:60px auto;}
.lettera,.risposta,.toguess{
  background-color:white;
}

#responso_txt{
  color:white;
  text-shadow:1px 1px 1px black;
}
#suggerimento_wrapper{
  color:white;  text-align:center;
  background-color:#041c28;  margin:20px auto;  line-height:40px;  font-size:24px;
}

@media(max-width:767px){
  .testo{
    text-align:center;
    margin-bottom:10px;
  }


  #fonema,#modalita,#difficolta,#classe,#maiuscolo{
    margin-bottom:10px;
  }

  #tutto{
    margin-left:auto;
    margin-right:auto;
  }
  .risposta{
    display:inline-block;
    border:1px solid black;
    line-height:50px;
    font-size:22px;
    text-align:center;
    width:50px;
    height:50px;
    cursor:pointer;		border-radius:5px;
  }

  .primo{
    display:inline-block;
    border:1px solid black;
    line-height:46px;
    font-size:22px;
    text-align:center;
    width:34px;
    height:46px;
    background-color:gold;
  }

  .toguess{
    display:inline-block;
    border:1px solid black;
    line-height:46px;
    font-size:22px;
    text-align:center;
    width:34px;
    height:46px;
  }

  .btn{
    margin-bottom:20px;
  }

  .outrow{
    text-align:center;
  }

}

@media(min-width:768px){
  .risposta{
    display:inline-block;
    border:1px solid black;
    line-height:60px;
    font-size:30px;
    text-align:center;
    width:60px;
    height:60px;
    margin:20px;
    cursor:pointer;
  }

  .primo{
    display:inline-block;
    border:1px solid black;
    line-height:60px;
    font-size:30px;
    text-align:center;
    width:60px;
    height:60px;
    background-color:gold;
  }

  .toguess{
    display:inline-block;
    border:1px solid black;
    line-height:60px;
    font-size:30px;
    text-align:center;
    width:60px;
    height:60px;
  }

  .testo{
    text-align:right;
  }

  .outrow{
    text-align:left;
  }
}




#tastiera_wrapper{
	margin-top:40px;	display: flex;    flex-wrap: wrap;    justify-content: center;
}

#suggerimento_wrapper{
  margin-top:20px;
  font-size:2em;
}

.opaco{
  opacity:0.2;
}

.errato{
  background-color:red;
}

#points_wrapper{  flex-direction:row;
  margin-bottom:40px;  display:flex;  align-items: center;  justify-content: space-between;
}#points_wrapper h4{  font-size:24px;  line-height:30px;}

#esci{
  color:red;
  cursor:pointer;
}

.innersett{
  background-repeat:no-repeat;
  background-image:url('./bar.png');
  width:200px;
  height:43px;
  line-height:43px;
  color:white;
  float:left;
}

.more{

  width:42px;
  height:42px;
  color:white;
  line-height:42px;
  background-repeat:no-repeat;
  background-image:url('./left.png');
  top:0px;
}

.more:hover{
  color:yellow;
}

.less{
  width:42px;
  height:43px;
  color:white;
  line-height:42px;
  background-repeat:no-repeat;
  background-image:url('./right.png');
  top:0px;
}

.less:hover{
  color:yellow;
}

.setel{
  float:left;
  display:inline-block;
}

.inrow{
  margin:0px auto;
  display:inline-block;

}

.outrow{
    background-color:#041c28;
    color:white;
}

.titolo{
  color:white;
  text-shadow:1px 1px 1px black;
}

.btn-info{
  background-color:#1e7cb1;
}

#istruzioni_txt{
  color:white;
}

h4{
  color:white;
}

h2{
  text-shadow:1px 1px 1px white;
}