.NavLink > a {
  text-decoration: none;
}

@font-face {
  font-family: valkyrie_a;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  font-display: auto;
  src: url("/fonts/valkyrie/valkyrie_a_regular.woff2") format("woff2");
}

@font-face {
  font-family: valkyrie_a;
  font-style: italic;
  font-weight: normal;
  font-stretch: normal;
  font-display: auto;
  src: url("/fonts/valkyrie/valkyrie_a_italic.woff2") format("woff2");
}

@font-face {
  font-family: valkyrie_a;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  font-display: auto;
  src: url("/fonts/valkyrie/valkyrie_a_bold.woff2") format("woff2");
}

@font-face {
  font-family: valkyrie_a;
  font-style: italic;
  font-weight: bold;
  font-stretch: normal;
  font-display: auto;
  src: url("/fonts/valkyrie/valkyrie_a_bold_italic.woff2") format("woff2");
}

@font-face {
  font-family: valkyrie_a_caps;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  font-display: auto;
  src: url("/fonts/valkyrie/valkyrie_a_caps_regular.woff2") format("woff2");
}

@font-face {
  font-family: valkyrie_a_caps;
  font-style: normal;
  font-weight: bold;
  font-stretch: normal;
  font-display: auto;
  src: url("/fonts/valkyrie/valkyrie_a_caps_bold.woff2") format("woff2");
}

html {
  font-family: valkyrie_a, -apple-system, BlinkMacSystemFont, "avenir next",
    avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial,
    sans-serif;
  text-rendering: optimizeLegibility;
}

.light-theme {
  --primary-color: #111111;
  --secondary-color: white;
  --secondary-color-lighter: white;
  --accent-color: #ff6057;
}

.dark-theme {
  --primary-color: white;
  --secondary-color: #111111;
  --secondary-color-lighter: #333333;
  --accent-color: #ff6057;
}

body {
  background-color: var(--secondary-color);
}
p {
  color: var(--primary-color);
}
h1 {
  color: var(--primary-color);
}
h2 {
  color: var(--primary-color);
}
a {
  color: var(--primary-color);
}