#spellingInput {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: xx-large;
}

#keyboard {
  margin-top: 3px;
  position: absolute;
  left: 0;
  right: 0;
}

#keyboard .row {
  padding-top: 0;
  padding-bottom: 0;
}

#keyboard button {
  font-size: 15px;
  margin: 3px;
}

#keyboard button.tone-mark {
  font-size: 12px;
  background-position: center 40%;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 10px;
}

#keyboard button.tone-mark.high {
  background-image: url("/img/tone-marks/high.png");
}

#keyboard button.tone-mark.mid {
  background-image: url("/img/tone-marks/mid.png");
}

#keyboard button.tone-mark.low {
  background-image: url("/img/tone-marks/low.png");
}

#keyboard button.tone-mark img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#play-stop-row .column:first-child {
  padding-left: 0;
  padding-right: 0;
}

#play-stop-row .column:last-child {
  padding-right: 0;
  padding-left: 6px;
}