td.Q1 {
  background-color: greenyellow;
}

td.Q2 {
  background-color: yellow;
}

td.Q3 {
  background-color: orange;
}

td.Q4 {
  background-color: red;
}

td.electric {
  background-color: greenyellow;
}

td.gas {
  background-color: orange;
}

body {
  font-family: Arial, sans-serif;
  background-color: ghostwhite;
  padding: 1rem;
}

table {
  border-collapse: collapse;
}

th,
td {
  padding: 1rem;
  text-align: center;
}

th {
  background-color: green;
  color: white;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

tr:hover {
  filter: brightness(0.7);
}