body {
  margin: 0;

  font-family: "Rubik", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

table, th, td {
  border: 2px solid black;
  border-collapse: collapse;
}

th {
  padding: .3rem 1rem;
}

th, td {
  margin: 0 auto;
  text-align: center;
}

#hero-img-cover {
  mask-image: url('./img/hero-cover.svg');
  mask-position: bottom right;
  mask-size: cover;
  mask-repeat: no-repeat;
}

@media (min-width: 1024px) {
  #hero-img-cover {
    mask-position: bottom center;
  }
}