styles.css

/* Header/Logo Title */
.header {
  padding: 20px;
  text-align: center;
  background: #697FCA;
  color: white;
  font-family: arial, sans-serif;
  font-size: 20px;
}


table {
  font-family: arial, sans-serif;
  font-size: 25px;
  border-collapse: collapse;
  border: 5px solid #697FCA;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

.entry_header {
  background-color: #697FCA;
  color: white;
  text-align: left;
}

.summary_header {
  background-color: #697FCA;
  color: white;
  text-align: left;
}

.summary_td {
  width: 20%;
}

.results {
  background-color: #2B4DBC;
  color: white;
  text-align: left;
  padding: 15px;
}

.results_table {
  border: 5px solid #2B4DBC;
  border-collapse: collapse;
}

.results_table tr:last-child {
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

select, button, input, p {
  font-family: arial, sans-serif;
  font-size: 25px;
}

button {
  border-radius: 8px;
  background-color: #555555;
  color: white;
} /*rounded button, black */

.bnf_good {
  color: green;
}

.bnf_bad {
  color: #F78B10;
}

.bnf_very_bad {
  color: red
}