@font-face {
    font-family: EquityA;
    src: url("/assets/fonts/equity_ot_a_regular.woff2");
}

@font-face {
    font-family: EquityA;
    font-weight: bold;
    src: url("/assets/fonts/equity_ot_a_bold.woff2");
}

@font-face {
    font-family: EquityA;
    font-style: italic;
    src: url("/assets/fonts/equity_ot_a_italic.woff2");
}

@font-face {
    font-family: EquityA;
    font-weight: bold;
    font-style: italic;
    src: url("/assets/fonts/equity_ot_a_bold_italic.woff2");
}

@font-face {
    font-family: Concourse;
    font-weight: 300;
    src: url("/assets/fonts/concourse_ot_3_book.woff2");
}

@font-face {
    font-family: Concourse;
    font-weight: 300;
    font-style: italic;
    src: url("/assets/fonts/concourse_ot_3_book_italic.woff2");
}

@font-face {
    font-family: Concourse;
    font-weight: 400;
    src: url("/assets/fonts/concourse_ot_4_medium.woff2");
}

@font-face {
    font-family: Concourse;
    font-weight: 400;
    font-style: italic;
    src: url("/assets/fonts/concourse_ot_4_medium_italic.woff2");
}

@font-face {
    font-family: Concourse;
    font-weight: 600;
    src: url("/assets/fonts/concourse_ot_6_semibold.woff2");
}

@font-face {
    font-family: Concourse;
    font-weight: 600;
    font-style: italic;
    src: url("/assets/fonts/concourse_ot_6_semibold_italic.woff2");
}

@font-face {
    font-family: TriplicateA;
    font-weight: 400;
    src: url("/assets/fonts/triplicate_ot_a_regular.woff2");
}

@font-face {
    font-family: TriplicateA;
    font-weight: 400;
    font-style: italic;
    src: url("/assets/fonts/triplicate_ot_a_italic.woff2");
}

@font-face {
    font-family: TriplicateA;
    font-weight: 600;
    src: url("/assets/fonts/triplicate_ot_a_bold.woff2");
}

@font-face {
    font-family: TriplicateA;
    font-weight: 600;
    font-style: italic;
    src: url("/assets/fonts/triplicate_ot_a_bold_italic.woff2");
}

 @font-face {
    font-family: "Fira Mono";
    font-weight: 400;
    src: url("/assets/fonts/fira_mono_regular.woff2");
}

@font-face {
    font-family: "Fira Mono";
    font-weight: 500;
    src: url("/assets/fonts/fira_mono_medium.woff2");
}

@font-face {
    font-family: "Fira Mono";
    font-weight: 600;
    src: url("/assets/fonts/fira_mono_bold.woff2");
}



@font-face {
    font-family: "Alcarin Tengwar";
    font-weight: 400;
    src: url("/assets/fonts/alcarin_tengwar_regular.woff2");
}

@font-face {
    font-family: "Alcarin Tengwar";
    font-weight: 800;
    src: url("/assets/fonts/alcarin_tengwar_bold.woff2");
}

@font-face {
    font-family: "Tengwar Telcontar";
    font-weight: normal;
    src: url("/assets/fonts/tengtelcOTL.woff2");
}

/* @font-face {
    font-family: "Tengwar Telcontar";
    font-weight: bold;
    src: url("/assets/fonts/tengtelcb.ttf");
} */

:root {
    --serif-font: EquityA, TimesNewRoman, Times New Roman, Times,
        Baskerville, Georgia, serif;
    --sans-serif-font: Concourse, Trebuchet MS, Lucida Grande,
        Lucida Sans Unicode, Lucida Sans, Tahoma, Arial, sans-serif;
    --monospaced-font: TriplicateA, "Fira Mono", "Source Code Pro", ui-monospace,
        Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono",
        "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro",
        "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
    --tengwar-font: "Tengwar Telcontar", "Alcarin Tengwar";
    --input-text-size: 15px;
    --body-text-size: 17px;
    --h2-text-size: 18px;
    --h1-text-size: 22px;
    --h1-title-text-size: 36px;
    --body-line-spacing: 1.4;
    --bg-color: #111;
    --text-color: #eee;
    --lighter-text-color: #888;
    --accent-color: #ff5050;/*#e51400;*/
    --invisible-link-hover-color: #f35f5f25;
    --body-width: 557px;
}

body {
    width: var(--body-width);
    margin: auto;
    font-family: var(--serif-font);
    font-size: var(--body-text-size);
    line-height: var(--body-line-spacing);
    color: var(--text-color);
    background-color: var(--bg-color);
    /* Nice to have for body text; doesn't work well with inline
    maths.*/
    /*text-align: justify;
    hyphens: auto;*/
}

h1 {
    font-size: var(--h1-text-size);
}

h1.title {
    /* font-family: var(--sans-serif-font); */
    /* tfw no mixins */
    text-transform: lowercase;
    font-feature-settings: "case";
    font-weight: normal;
    font-size: var(--h1-title-text-size);
    text-align: center;
}



h2, h3 {
    font-size: var(--h2-text-size);
    /*font-feature-settings: "c2sc";*/
}

input[type="text"] {
    font-family: var(--sans-serif-font);
    font-size: var(--input-text-size);
    font-feature-settings: "tnum";
}

/*a {
    color: inherit;
    text-decoration: none;
    transition: background-color 0.15s;
    border-radius: 3px;
}*/

a {
  color: var(--text-color);
  text-decoration: none;
  border-radius: 4px;
  /*background-color: #310100;*/
}

a:hover {
  background-color: #4b0200;
  border-radius: 4px;
}

a::after {
  content: "°";
}

li {
    margin-bottom: 2px;
}

pre, code {
    font-family: var(--monospaced-font);
    font-size: 15px;
    line-height: 1.25;
    font-feature-settings: "ss02" on;
}