/* About page (/about): the personal story + maker links, in the zine look. */

.about-wrap {
  max-width: 640px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* the story reads like a note taped to the page (site-card-tape) */
.about-note {
  margin-top: 12px;
}
.about-note p {
  margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: var(--ink);
}

.about-made {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.about-made-by {
  margin: 0;
  font-family: "Special Elite", "Courier New", monospace;
  font-size: 14px;
  color: var(--ink-soft);
}
.about-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}