body {
  font-family: "Montserrat", sans-serif;
  margin: 0;
}

table {
  width: 100%;
  height: 70vh;
  color: white;
  background-color: rgb(30, 30, 30);
}

td {
  width: 25%;
  text-align: center;
  background-color: #0f0f0f;
  font-size: 24px;
}

td:hover {
  cursor: pointer;
  background-color: rgb(55, 55, 55);
}

#resultArea {
  height: 30vh;
  background-color: rgb(55, 55, 55);
  color: white;
  font-size: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 24px;
  box-sizing: border-box;
}

#result {
  background-color: rgb(76, 89, 184);
}

#result:hover {
  background-color: rgb(65, 102, 167);
}

.heightlight {
  background-color: rgb(25, 25, 25);
}