body {
  display: flex;
  flex-direction: column;
}
body * {
  font-family: sans-serif, Arial, Helvetica;
}
body .rules-container {
  width: 90%;
  max-width: 1000px;
  margin: 15vh auto;
}
body .heading {
  font-size: 18px;
}
@media (min-width: 600px) {
  body .heading {
    font-size: 30px;
  }
}
body .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
body .table-container {
  overflow-x: auto;
}
body .logo-container {
  max-width: 400px;
  width: 60%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 50px;
}
body .logo-container img {
  width: 100%;
  margin: 0 auto;
}
body .margin-left {
  --level: 1;
  margin-left: calc(var(--level) * 30px);
}/*# sourceMappingURL=style.css.map */