body {
  font-family: 'Remus Variable';
  /* font-family: Helvetica; */
  font-weight: 400;
}

header nav menu {
  font-weight: 100;
  font-size: 2rem;

  a,
  a:link,
  a:visited,
  a:active,
  a:hover {
    text-decoration: none;
  }
}

header nav ol {
  color: var(--fg-mode-line-active);
  font-size: 0.9rem;
}

header nav ol li:not(:last-child)::after {
  content: "/";
  color: var(--red);
}

main {
  text-align: justify;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 1.17rem;
}

h3 {
  font-size: 1rem;
}

h4 {
  font-size: 0.83rem;
}

h5,
h6 {
  font-size: 0.67rem;
}

code,
pre {
  font-family: 'JetBrains Mono', monospace;
}

footer {
  q {
    quotes: none;
  }
}

a {
  color: inherit;

  &:hover {
    color: var(--red);
  }
}

:is(h1, h2, h3, h4, h5, h6) {
  font-weight: 300;
  color: var(--red);
}

ul li::before {
  content: "∙ ";
}