h1 {
  text-align: center;
 }

 #game-board {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.letter-box {
  border: 2px solid gray;
  border-radius: 3px;
  margin: 2px;
  font-size: 2.5rem;
  font-weight: 700;
  height: 3rem;
  width: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
}

.filled-box {
  border: 2px solid darkblue;
}

.letter-row {
  display: flex;
}

/*Keyboard Style*/
#keyboard-cont {
display: flex;
flex-direction: column;
align-items: center;
font-size:xx-large;
}

.fourth-row .btn{
margin:5px;
}

.btn{
  /* This is to stop zooming in on double tap on mobile devices*/
  touch-action: manipulation;
}


 /*End of Keyboard Style */
 
 
 /* styles for mobile devices */
 @media only screen and (max-width: 767px) {
  body {
    font-size: 12px;
    width: 100%;
    margin: 0;
  }

    /*Keyboard Style*/
#keyboard-cont {
font-size: xx-large;
}

#keyboard-cont div {
  display: flex;
}



.keyboard-button {
  font-size: 20px;
}

 /*End of Keyboard Style */

}