body {
  font-family: "Aktsidents", Arial, Helvetica, sans-serif;
  font-size: var(--font-size-body);
  line-height: var(--font-line-height-body);

  text-underline-offset: 0.3em;
  text-decoration-thickness: 1px;
}

.small {
  font-size: var(--font-size-small);
  letter-spacing: var(--font-letter-spacing-small);
}

.body--trim {
  line-height: var(--font-line-height-body--trim);
}

.title {
  font-family: "Mannekeen Variable Extra Condensed", monospace;
  font-size: var(--font-size-title);
  line-height: var(--font-line-height-title);
  letter-spacing: var(--font-letter-spacing-title);
  font-variation-settings: "wdth" 390;

  text-align: center;
  text-underline-offset: -0.01em !important;
  text-decoration-thickness: 0.06em !important;
}

@media screen and (hover: hover) and (pointer: fine) {
  a:hover,
  button:hover {
    text-decoration: underline;
  }
}

@media (hover: none) {
  a:active,
  button:active {
    text-decoration: underline;
  }
}