index.css

.row {
    border:1px solid black;  
    height:fit-content;
  }
  
  .box {
    display:inline-block;
    height: 100%;
    font-size: 300%;
    box-sizing:border-box;
    border:1px solid black; 
    text-align: center;
  }

  .box:hover{
      background-color: aqua;
      cursor: pointer;
  }

  header{
      width: 100%;
      text-align: center;
  }

  .word{
      border: 2px solid black;
      background-color: orange;
      font-family: cursive;
      width: fit-content;
      padding: 1vw;
  }

  .largestWord{
    border: 2px solid black;
    background-color : lightseagreen;
    font-family: cursive;
    width: fit-content;
    padding: 1vw;
  
  }

  .addWordButton{
    font-family: cursive;
    border-block-color: black;
    background-color: lightgreen;
  }

  .reset{
    font-family: cursive;
    border-block-color: black;
    background-color: lightsalmon;
    float: right;
  }

  .message{
    font-size: 100%;
  }