@font-face {
  font-family: "OTTO ATTACTYPE";
  src: url("/assets/fonts/OTTOATTACTYPE.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --display: "OTTO ATTACTYPE", "EB Garamond", "Times New Roman", serif;
  --display-stroke: clamp(1px, 0.1vw, 1.4px);
}

.display,
.ghost,
.ghost-name {
  font-kerning: normal;
  font-synthesis: none;
  text-rendering: geometricPrecision;
}

@media (max-width: 700px) {
  .topbar nav {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .topbar nav::-webkit-scrollbar {
    display: none;
  }
}