body {
  font-family: system-ui, sans-serif;
  font-size: 0.9rem;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  width: auto;
  text-align: left;
}

th, td {
  border: 1px solid #000;
  padding: 0.35em 0.7em;
}

th {
  background-color: #E8E8E8;
  font-weight: normal;
  border-bottom-width: 2px;
}

/* remove default styling */
a {
  color: inherit;
  text-decoration: none;
}

.centered {
  text-align: center;
}

/* block colors */
tr.s {
  background-color: #FF9999;
}
tr.f {
  background-color: #9AFE98;
}
tr.d {
  background-color: #99CCFF;
}
tr.p {
  background-color: #FCFE8C;
}
/* noble gases almost got coffee */
tr.n {
  background-color: #C0FFFF;
}