table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

th {
  padding: 0.5em 0.70em;
  text-transform: uppercase;
  font-weight: 300;
  font-size: var(--font-085);
  color: var(--text-color);
  background-color: var(--table-head-color);
}

td {
  padding: 0.5em 0.75em;
  font-size: var(--font-085);
}

th,
td {
  text-align: left;
  border-bottom: 1px solid var(--border-color);
}

tr:hover,
tr:nth-child(even):hover {
  background-color: var(--table-row-hovered-color);
}

tr:nth-child(even) {
  background-color: var(--table-row-color);
}