/* Optional local fonts. Uncomment and point to your real font files. */

@font-face {
  font-family: "Standard";
  src: url("../assets/fonts/standard-book-webfont.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Authentic Sans";
  src: url("../assets/fonts/authentic-sans.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


body {
  font-family: var(--font-ui);
  font-size: var(--text-size-ui);
  line-height: var(--line-height-ui);
  color: var(--color-text);
  font-weight: 400;
}

p,
figure {
  margin: 0;
}

.stage__fixed-text {
  font-size: var(--text-size-ui);
  line-height: var(--line-height-ui);
  text-transform: uppercase;
}

.stage__footer,
.keyboard-hint,
figcaption,
.dev-label {
  font-size: var(--text-size-meta);
  line-height: var(--line-height-meta);
}

.footer-label {
  display: block;
  font-size: var(--text-size-meta);
  line-height: var(--line-height-meta);
}

.footer-value {
  display: block;
  margin-top: 2px;
  font-size: var(--text-size-ui);
  line-height: var(--line-height-ui);
}

.project-link,
.secondary-list a,
.sidebar__meta a {
  display: block;
  cursor: pointer;
  letter-spacing: 0;
  word-spacing: normal;
  white-space: normal;
  text-decoration: none;
  color: inherit;
}

.project-link:hover,
.secondary-list a:hover,
.sidebar__meta a:hover,
.project-link.is-active,
.secondary-list a.is-active,
.sidebar__meta a.is-active {
  color: inherit;
}

.link-block {
  font-family: var(--font-heading);
}