body {
  position: relative;
  margin: 0;
  background-color: #8d2ab5;
  font-family: Helvetica, Arial,sans-serif;
  
}

h1 {
  text-align: center;
  font-size: 4rem;
  color: white;
  text-shadow: -2px -2px 2px #000;

}

/* Styling for game board */
.game-container {
  width: 75%;
  height: 75%;
  margin: auto;
}

table {
  table-layout: fixed;
  }

  thead {
    height: 100px;
    font-size: 1.1rem;
    background-color: #115ff4;
    color: white;
  }

.table-body {
  position: relative;
  font-size: .7rem;
  background-color: #060ce9;
  color: white;
}

td {
  width: 100px;
  height: 100px;
  outline-style: solid;
  outline-color: black;
  outline-width: 2px;
  text-align: center;
  vertical-align: middle;
  background-color: #115ff4;
}
tbody .answer {
  background-color: green;
}

.showing-null {
  font-size: 3rem;
}

/* styling for spinning icon when loading */
.fa-spinner {
  font-size: 5rem;
  color: white;
  text-align: center;
  margin-left: 48%;
  margin-top: 10%
}

/* start button styling */
.button-div {
  text-align: center;
  margin-bottom: 20px;
 }
 
 button {
   background-color:#115ff4;
   padding-left: 10px;
   padding-right: 10px;
   border-radius: 10%;
 }