body {
  background-color: #C5FFA9;
  font-family: sans-serif;
}
p {
 color: blue;
}
.top {
 color: #224433;
 font-size: 4vw;
 text-align: center;
 border-style: solid;
 background-color: #FFCCBC;
} 
.instructions {
  padding: 0vw;
  margin: 0vw;
  font-size: 1.8vw;
}
.instructions-footer {
  padding: 0vw;
  margin: 0vw;
  text-align: center;
}
.dismisser {
  padding: 0.2vw;
  margin: 0vw;
  font-size: 2.5vw;  
}
.settings {
  padding: 4vw;
  text-align: center;
}
.setting {
   padding: 1vw;
 }
 .board {
 font-size: 5vw;
 text-align: center;
}
.copyright {
  font-size: 2vw;
  text-align: right;
}
label {
  text-align: right;
  font-size: 3vw;
  margin-right: 1vw;
}
input {
  background-color: rgba(207, 207, 207, 0.3);
  font-size: 3vw;
  text-align: left;
}
select {
  font-size: 3vw;
  text-align: left;
}
button {
  margin: 2vw;
  border-width: 1vw;
  padding: 0.5vw;
  font-size: 3vw;
}
table {
 color: #114433;
 border-style: solid;
 border-width: 2pt;
 border-color: black;
 margin:0 auto;
}
.pit {
  color: #223344;
  border-width: 2pt;
  padding: 3vw;
  border-style: solid;
  background-color: #FFCCBC;
}
.active {
  background-color: #fa683b;
  transition: background-color 3s;
}
.score {
  color: #223344;
  border-width: 2pt;
  padding: 4vw;
  border-style: solid;
  background-color: #dd8b72;
}