header.svelte-16ywrzo {
    margin-bottom: 5rem;
  }

  nav.svelte-16ywrzo {
    display: flex;
    flex-direction: row;
    position: fixed;
    bottom: 1rem;
    left: calc((100% - 900px) / 2);
    width: 900px;
    padding-left: 2rem;
    padding-right: 2rem;

    span:where(.svelte-16ywrzo) {
      font-size: 3rem;
      color: var(--vats-text3);
    }
  }

  article.svelte-16ywrzo {
    width: 800px;
    margin: auto;
  }

  section.svelte-16ywrzo {
    font-family: var(--vats-font-blog), serif;
    font-size: var(--vats-text-l);
  }

  @media (max-width: 900px) {
    article.svelte-16ywrzo {
      width: 100%;
    }

    nav.svelte-16ywrzo {
      width: 100%;
      left: 0;
      padding-left: 3rem;
      padding-right: 2rem;
    }
  }

  @media (max-width: 600px) {
    nav.svelte-16ywrzo {
      padding-left: 0.5rem;
      padding-right: 2rem;
    }
  }