body {
  background-color: var(--tertiary-color);
  color: var(--primary-color);
  min-width: 100%;
}

header {
  width: min(110ch, 100% - 4rem);
  margin-inline: auto;
  padding-block-start: 2rem;
  height: 100%;
  top: 0;

  svg {
    fill: var(--primary-color);
    background-color: var(--tertiary-color);
    max-inline-size: 15ch;
    padding: 0.5em;
  }
}

main {
  width: min(65ch, 100% - 4rem);
  margin-inline: auto;
}

h1 {
  text-align: center;
  margin-block: 5rem;
}

h3 {
  margin-block: 1rem;
}

section {
  margin-block-end: 3.5rem;

  ul {
    display: grid;
    gap: 1rem;
    padding-block: 1rem;
    margin-block-end: 1rem;

    li {
      display: flex;
      gap: 2rem;
      justify-content: space-between;
    }
  }
}