body{
background-color:lightblue;
}


#wrapper{
width:600px;
margin:0px auto;
}

#parametri{
display:inline-block;
width:100%;
border:1px solid grey;
border-radius:5px;
text-align:left;
font-family:Sans-serif;
font-size:1.3em;
background-color:white;
box-shadow:2px 2px 2px black;
}

#parametriBody{
padding:20px 10px;
width:100%;
display:inline-block;
color:#143b5a;
}

h2{
padding:10px;
margin:0px;
color:white;
background-color:#2196f3;
font-weight:500;

}

#cbUguale{
width:15px;
height:15px;
}

#cbFeedback{
width:15px;
height:15px;
}

.riga{
margin-bottom:1.5em;
}

#nstimoli{
border:1px solid grey;
padding-right:5px;
font-size:1em;
display:inline-block;
max-width:50px;
text-align:right;
color:#143b5a;
}

.esposizione{
border:1px solid grey;
padding-right:5px;
font-size:1em;
display:inline-block;
max-width:50px;
text-align:right;
color:#143b5a;
margin-left:10px;
}

.parola{
border:1px solid grey;
padding-left:5px;
font-size:1em;
display:inline-block;
max-width:150px;
text-align:left;
color:#143b5a;
}

#inizia{
padding:10px 100px;
background-color:royalblue;
color:white;
border:1px solid grey;
max-width:50px;
margin:0px auto;
cursor:pointer;
}

#inizia:hover{
background-color:navy;
}

h6{
font-weight:500;
margin-bottom:0px;
}

#parola_1{
border:2px solid green;
}

#gioco{
min-height:400px;
width:100%;
text-align:center;
font-family:Sans-serif;
font-size:1.3em;
background-color:white;
color:black;
cursor:pointer;
}

#parola{
font-size:2em;
padding:150px;
}

#esposizione{
border:1px solid grey;
padding-right:5px;
font-size:1em;
display:inline-block;
max-width:50px;
text-align:right;
color:#143b5a;
margin-left:10px;
}


#intermezzo{
width:100%;
height:3px;
background: #c1c1c1; /* Old browsers */
background: -moz-linear-gradient(top,  #c1c1c1 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1c1c1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c1c1c1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c1c1c1 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c1c1c1 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c1c1c1 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#risposte{
width:100%;
text-align:center;
}

#giusto{
cursor:pointer;
background-color:darkgrey;
color:white;
width:45%;
padding:10px 0px;
display:inline-block;
}

#sbagliato{
display:inline-block;
cursor:pointer;
background-color:darkgrey;
color:white;
width:45%;
padding:10px 0px;
margin-bottom:10px;
}

#progress{
width:100%;
height:10px;
background-color:darkgrey;
}

#front{
background-color:yellow;
height:10px;
}

#risultati{
min-height:400px;
width:100%;
text-align:center;
font-family:Sans-serif;
font-size:1.3em;
background-color:white;
color:black;
}

#rispEsatte{
padding:10px;
font-size:1.2em;
margin-top:2em;
}

#rispErrate{
padding:10px;
font-size:1.2em;
}

.altro{
margin:10px auto;
padding:10px 100px;
cursor:pointer;
background-color:royalblue;
color:white;
text-align:center;
max-width:200px;
font-family:sans-serif;
border:1px solid grey;
border-radius:5px;
box-shadow:2px 2px 2px grey;
}

.altro:hover{
background-color:navy;
}