body{
         font-family: "Red Hat Text", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300; /* 300 to 700 */
  font-style: normal;
      }

      a{text-decoration: none;}

      div.divHead{position: relative; height: 19%;}
      div.divBody{position: relative; height: 79%; width: 100%;}

      .tooltipL {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: pointer;
  
}

.hiddenL {
  visibility: hidden;
  width: 50px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  font-size: xx-small;
}

.tooltipL:hover .hiddenL {
  visibility: visible;
}

      .tooltipR {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: pointer;
}

.hiddenR {
  visibility: hidden;
  width: 55px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  font-size: xx-small;
}

.tooltipR:hover .hiddenR {
  visibility: visible;
}

      .tooltipV {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: pointer;
  
}

.hiddenV {
  visibility: hidden;
  width: 50px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  font-size: xx-small;
}

.tooltipV:hover .hiddenV {
  visibility: visible;
}


      div{height: 10.7in;}


        table.sudokuContainer{height: 6.96in; width: 6.96in; border: medium solid black;border-spacing: 0in;
       
        
        }

        td{
height:  0.77333333333in; width: 0.77333333333in; font-size: 0.5in; text-align: center;
        }


            td.cell1{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell2{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell3{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell4{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell5{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell6{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell7{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell8{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell9{border-bottom: thin solid black;}


            
            td.cell10{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell11{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell12{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell13{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell14{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell15{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell16{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell17{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell18{border-bottom: thin solid black;}


            td.cell19{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell20{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell21{border-bottom: medium solid black; border-right: medium solid black;}
            td.cell22{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell23{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell24{border-bottom: medium solid black; border-right: medium solid black;}
            td.cell25{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell26{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell27{border-bottom: medium solid black;}



            td.cell28{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell29{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell30{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell31{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell32{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell33{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell34{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell35{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell36{border-bottom: thin solid black;}



            td.cell37{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell38{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell39{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell40{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell41{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell42{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell43{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell44{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell45{border-bottom: thin solid black;}



            td.cell46{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell47{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell48{border-bottom: medium solid black; border-right: medium solid black;}
            td.cell49{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell50{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell51{border-bottom: medium solid black; border-right: medium solid black;}
            td.cell52{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell53{border-bottom: medium solid black; border-right: thin solid black;}
            td.cell54{border-bottom: medium solid black;}



            td.cell55{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell56{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell57{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell58{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell59{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell60{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell61{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell62{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell63{border-bottom: thin solid black;}



            td.cell64{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell65{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell66{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell67{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell68{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell69{border-bottom: thin solid black; border-right: medium solid black;}
            td.cell70{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell71{border-bottom: thin solid black; border-right: thin solid black;}
            td.cell72{border-bottom: thin solid black;}



            td.cell73{border-right: thin solid black;}
            td.cell74{border-right: thin solid black;}
            td.cell75{border-right: medium solid black;}
            td.cell76{border-right: thin solid black;}
            td.cell77{border-right: thin solid black;}
            td.cell78{border-right: medium solid black;}
            td.cell79{border-right: thin solid black;}
            td.cell80{border-right: thin solid black;}

            p{height: 0.2in; margin-bottom: 1in;}
            span.lef{position: relative; left: 0%;}
            span.rig{position: relative; left: 40%;}

            button.constante{display: block; width: 100%; height: 100%; font-size: 0.5in; color: skyblue;}
            button.variante{display: block; width: 100%; height: 100%; font-size: 0.5in;}