@charset "UTF-8";

.flex-container div {
  margin: 100px auto;
  text-align: center;
  width: 800px;
}

.flex-container div h2 {
  border-bottom: 2px solid black;
}

table {
  background-color: #ffffff;
  border-collapse: separate;
  text-align: center;
  width: 100%;
}

th,
td {
  border: 0 solid white;
  padding: 1%;
}

th {
  background-color: #A8D76D;
}

td {
  background-color: #E1F3D4;
}

tr:hover td {
  background-color: #ffffff;
}

td:nth-child(1) {
  width: calc(10% * 3);
}

td:nth-child(3),
td:nth-child(4) {
  width: calc(10% * 2);
}