div.bodyIndex_top {
   margin-top: 0px;
   margin-left: 0px;
   margin-bottom: 5px;
   text-align: justify;
   font-family: verdana, arial;
   font-size: 1.6rem;
   /*
   @media only screen and (max-height: 500px) {
      display: none;
      visibility: hidden;
   }
   */
   @media only screen and (max-width: 500px) {
      display: block;
      visibility: visible;
   }
}

.cornice {
   width: 320px;
   height: 315px;
   display: flex;
   flex-wrap: wrap;
   margin-top: 20px;
   @media only screen and (max-height: 600px) {
      margin-top: 10px;
   }
   @media only screen and (max-height: 360px) {
      width: 256px;
      height: 252px;
   }
}

/*.cornice .tassello {*/
div.tassello {
   border: 10px solid #ddd;
   width: 60px;
   height: 60px;
   color:#ffffff;
   background: #5cb1d6;
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 24px;
   flex-wrap: wrap;
   @media only screen and (max-height: 360px) {
      border: 8px solid #ddd;
      width: 48px;
      height: 48px;
   }
}

/*.cornice .ultimo {*/
div.tasselloultimo {
   width: 79px;
   height: 79px;
   display: flex;
   flex-wrap: wrap;
   @media only screen and (max-height: 360px) {
      width: 63px;
      height: 63px;
   }
}

button.gvButton {
   padding: 10px;
   border-radius: 20px;
   /*border: 1px solid #ccc;*/
   border-width: 1px;
   border-style: solid;
   border-color: #777777;
   outline: none;
   font-size: 1.6rem;
   font-weight: normal;
   min-width: 120px;
   min-width: 12rem;
   cursor: pointer;
   background-color: #f5f5f5;
}

button.gioca {
   margin-left: 10px;
   margin-left: 1rem;
   height: 40px;
   margin-top: 10px;
   @media only screen and (max-height: 600px) {
      margin-top: 0px;
   }
   @media only screen and (max-height: 540px) and (min-width: 450px) {
      position: absolute;
      top: 50px;
      left: 350px;
      margin-top: 0px;
      margin-left: 0px;
   }
 }

button.esci {
   margin-left: 30px;
   margin-left: 3rem;
   height: 40px;
   margin-top: 10px;
   @media only screen and (max-height: 600px) {
      margin-top: 0px;
   }
   @media only screen and (max-height: 540px) and (min-width: 450px) {
      position: absolute;
      top: 100px;
      left: 350px;
      margin-top: 0px;
      margin-left: 0px;
   }
}

button.gvButtonHover:hover {
   border-width: thin;
   /*box-shadow: inset 1px 2px 5px #777;*/
   transform: translateY(1px);
   background-color: #e5e5e5;
}

div.mosse {
   display: none;
   visibility: hidden;
   @media only screen and (max-height: 600px) {
      height: 2rem;
      width: 15rem;
   }
   @media only screen and (max-height: 540px) and (min-width: 450px) {
      position: absolute;
      top: 150px;
      left: 350px;
      margin-top: 0px;
      margin-left: 0px;
      height: 2rem;
   }
}

span.mosse_label {
   width: 6rem;
}

span.mosse_valore {
   margin-left: 1rem;
   width: 6rem;
   text-align: left;
}

div.tempo {
   display: none;
   visibility: hidden;
   @media only screen and (max-height: 600px) {
      position: relative;
      top: -2rem;
      margin-left: 16rem;
   }
   @media only screen and (max-height: 540px) and (min-width: 450px) {
      position: absolute;
      top: 180px;
      left: 350px;
      margin-top: 0px;
      margin-left: 0px;
      height: 2rem;
   }
}

span.tempo_label {
   width: 6rem;
}

span.tempo_valore {
   margin-left: 1rem;
}

div.risultato {
   display: none;
   visibility: hidden;
   width: 15rem;
   margin-left: 10px;
   margin-top: 10px;
   padding: 15px;
   color: #000000;
   background: #00ff00;
   font-size: 24px;
   text-align: center;
   border-radius: 20px;
   border-width: 1px;
   border-style: solid;
   border-color: #777777;
   @media only screen and (max-height: 600px) {
      margin-top: 0px;
   }
   @media only screen and (max-height: 560px) {
      margin-top: -10px;
   }
   @media only screen and (max-height: 540px) and (min-width: 450px) {
      position: absolute;
      top: 230px;
      left: 350px;
      margin-top: 0px;
      margin-left: 0px;
   }
}

button.Rivedi {
   padding-top: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   padding-right: 0px;
   border-radius: 0px;
   outline: none;
   border: none;
   width: 10rem;
   text-align: left;
   background-color: aliceblue;
   color: #0000ff;
   position: absolute;
   font-family: Verdana, Arial;
   font-size: 1.6rem;
   font-weight: bold;
   font-style: normal;
   margin-left: 30px;
   margin-top: 0rem;
   cursor: pointer;
   display: none;
   visibility: hidden;
}