:root {
  --ease-3: cubic-bezier(.25, 0, .3, 1);
  --border-size-2: 2px;
  --size-1: .25rem;
  --font-weight-7: 700;
  --font-lineheight-1: 1.25;
  --border-size-1: 1px;
  --font-lineheight-2: 1.375;
  --font-weight-6: 600;
  --size-4: 1.25rem;
  --size-content-3: 60ch;
  --size-5: 1.5rem;
  --size-3: 1rem;
  --size-2: .5rem;
}

.home-header {
  padding: var(--size-4);
  text-align: center;
}

.home-header p {
    margin-inline: auto;
  }

.home-frame {
  margin-inline: auto;
  max-inline-size: calc(1.5 * var(--size-content-3));
  padding-inline: max(2w, var(--size-5));
}

.home-intro {
  display: flex;
  flex-flow: column;
  margin-inline: auto;
  max-inline-size: var(--size-content-3);
  padding-inline: var(--size-3);
  row-gap: var(--size-4);
}

@media (width >= 480px) {

.group-list {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: var(--size-2);
         column-gap: var(--size-2)
}
  }