body > #grid > header {
  /** Required arguments with purportedly ridiculous defaults */
  --element-font: normal 40px "Comic Sans MS";
  --element-font-size: 100px;
  --element-color-icon: red;
  --element-gap: 200px;
  --element-gap-icon: 200px;

  font: var(--element-font);
  display: flex;
  flex-wrap: wrap;
  gap: var(--element-gap);

  > ul, > h1 {
    flex: 0 1 100%;
  }

  > ul, > h2 {
    font-size: larger;
  }

  > h1,
  > h2 {
    word-break: break-word;
  }

  > h1 {
    font-size: max(var(--element-font-size), 3.5vw);
  }

  > h2 {
    color: var(--color-secondary);
    font-size: x-large;
  }

  > ul {
    display: contents;

    > li {
      &:before {
        content: '⬆';
        font: var(--global-icon-font);
        color: var(--element-color-icon);
        padding: 0 var(--element-gap-icon) 0 0;
      }
    }
  }
}