/* CSS files add styling rules to your content */

body {
  font-family: sans-serif;
  font-weight: bold;
  color: #87CEFA;
  font-size: 40px;
}

h1 {
  font-variant: small-caps;
  color: #ffa07a;
}

p {
  font-family: sans-serif;
  font-weight: bold;
  color: #87CEFA;
}

button {
  font-family: sans-serif;
  font-weight: bold;
  color: #87CEFA;
  font-size: 40px;

}

.buttonT {
  background-color: white;
  color: black;
  border: 2px solid #FAEBD7;
}

.buttonT:hover {
  background-color: #FAEBD7;
  color: black;
}

.buttonF {
  background-color: white;
  color: black;
  border: 2px solid #FAEBD7;
}

.buttonF:hover {
  background-color: #FAEBD7;
  color: black;
}

.go {
  background-color: white;
  color: black;
  border: 2px solid green;
}

.go:hover {
  background-color: green;
  color: white;
}

td {
  width: 33%;
  height: 50%;
  padding: 15px;
}