body {
  font-family:courier;
  background-color: lightblue;
}

p {
 margin-top: 40px
}
h1 {
  color:black;
}

h2 {
  color:steelblue;
}

table {
  margin-bottom: 20px
}

th {
  border: 2px solid black;
  padding: 10px;
  text-align: center;
  color: darkblue;

}

td {
  border: 2px solid black;
  padding: 10px;
  text-align: center;
  color: dimgrey;
}

/* makes the tictactoe table square instead of rectangular */
.TTT td {
  width: 30px;
  height: 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

form {
  border: 2px solid black;
  padding: 10px;
  width: 300px;
}

/* separates each category */

input {
  margin-bottom: 20px;
}

select {
  margin-bottom: 20px;
}