r: #18bc9c;
        --link-hover-color: #149a80;
      }
    }

    html {
      color: var(--fg-color);
      background-color: var(--bg-color);
    }

    header {
      margin: 2em;
    }

    section {
      display: flex;
      flex-wrap: wrap;
    }

    article {
      display: inline-block;
      vertical-align: top;
      margin: 2em;
      padding: 2em;
      background-color: var(--card-bg-color);
      flex: 20em;
      border-radius: 10px;
    }

    article > h2 {
      padding-top: 0;
      m