body {
  color: var(--black);
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  .container {
    padding: var(--large);
    background-color: var(--lighten-22-dark-vanilla);
    flex: 1;
  }
}

.bg-light {
  background-color: var(--eggshell-white) !important;
}

.columnized-list {
  columns: 17rem 1;
  column-fill: auto;
  column-gap: var(--xlarge);
}

.narrow-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 45rem;
}

@media only screen and (min-width: 600px) {
  .columnized-list {
    columns: 17rem 5;
    column-fill: auto;
    column-gap: var(--xlarge);
  }
}