body {
  background-color: #F8F8F8;
  font-family: 'Open Sans', sans-serif;
  font-size:large;
}



.buttonKey {
  height: 30px;
  margin: 1px;
  background-color: #ddf;

 }

.buttonKeyNormal {
  font-size: 11px;
 }

.buttonKeyLarge {
  font-size: 12px;
 }

.buttonKeySmall {
  font-size: 10px;
}



.hintButton {
  height: 30px;
  margin: 10px;
  background-color: #ddf;
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
 }

table.spacing {
  /* border: 1px; */
  border-spacing: 100px 20px;
}

.resetButton {
    height: 25px;
  font-size: 12px;
  margin: 10px;
  background-color: #fcc;

}
.checkButton {
    height: 25px;
  font-size: 12px;
  margin: 10px;
    background-color: #cfc;
}


.output {
   font-size: 14px;
   height: 36px;
   background-color: #eef;
   margin: 0px;
}