#rhizome {
  width: 100%;
  max-width: 65ch;
  aspect-ratio: 1;
  margin: 0 auto;
  display: block;

  image-rendering: pixelated;
  position: relative;
  z-index: -1;
}

#go-home {
  position: fixed;
  top: var(--s-s);
  left: var(--s-s);

  height: var(--fs-3);

  svg {
    color: var(--rhizo-bg);
    background-color: var(--rhizo-fg);

    height: var(--fs-3);
    width: auto;
  }
}

h1 {
  margin: auto;
  margin-top: calc(-1 * var(--s-xl));
  text-transform: uppercase;
  text-align: justify;
  max-width: min-content;
  line-height: 0.8;
  z-index: 10;

  font-size: var(--fs-12);
  font-variation-settings:
    "wght" 900,
    "wdth" 900;

  user-select: none;
  -webkit-user-select: none;

  svg {
    width: 100%;
    height: auto;
    display: block;
  }

  #com {
    letter-spacing: -2%;
    font-variation-settings:
      "wght" 900,
      "wdth" 95.75;
  }
  #mun {
    letter-spacing: -2%;
    font-variation-settings:
      "wght" 900,
      "wdth" 98;
  }
  #ity {
    letter-spacing: 3%;
    font-variation-settings:
      "wght" 900,
      "wdth" 124;
  }
}

main {
  max-width: 65ch;
  margin: auto;
  font-size: var(--fs-0);
  padding: var(--s-m);
  margin-bottom: var(--s-3xl);

  em {
    font-style: normal;
    font-variation-settings: "ital" 1;
  }

  h2 {
    margin-top: var(--s-xl);
  }

  code {
    background-color: var(--rhizo-bg-dark);
    padding: var(--s-3xs);

    font-family: "Commit Mono", monospace;
  }
}