tbody > tr:hover {
  background-color: var(--table-bg-hover-color);
}

table {
  border: 1px solid var(--table-border-color);
  margin: 0;
  padding: 0;
  width: 100%;
  border-collapse: collapse;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}

table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

table tbody tr {
  background-color: var(--table-bg-color);
  border: 1px solid var(--table-border-color);
  padding: .35em;
}

table thead tr {
  background-color: #404652;
  border: 1px solid var(--table-border-color);
  padding: .35em;
}

table th, table td {
  padding: .625em;
  text-align: center;
}

table th {
  font-size: .85em;
  letter-spacing: .1em;
}