/* src/literata/literata.css */
@supports (font-variation-settings: normal) {
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.latin-LOG4PWUX.woff2) format("woff2");
    unicode-range:
      U+0000-00FF,
      U+0131,
      U+0152-0153,
      U+02BB-02BC,
      U+02C6,
      U+02DA,
      U+02DC,
      U+2000-206F,
      U+2074,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.latin-ext-MSF5QLTR.woff2) format("woff2");
    unicode-range:
      U+0100-024F,
      U+0259,
      U+1E00-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20CF,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.cyrillic-K7UAFFZX.woff2) format("woff2");
    unicode-range:
      U+0400-045F,
      U+0490-0491,
      U+04B0-04B1,
      U+2116;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.cyrillic-ext-7ZEPCDQD.woff2) format("woff2");
    unicode-range:
      U+0460-052F,
      U+1C80-1C88,
      U+20B4,
      U+2DE0-2DFF,
      U+A640-A69F,
      U+FE2E-FE2F;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.greek-QNTGTZD7.woff2) format("woff2");
    unicode-range: U+0370-03FF;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.greek-ext-LN7M3Q3V.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.vietnamese-75YVQCKU.woff2) format("woff2");
    unicode-range:
      U+0102-0103,
      U+0110-0111,
      U+1EA0-1EF9,
      U+20AB;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.sinhala-6UFOZV57.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0D82-0DF4,
      U+200C-200D,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.hebrew-6UFOZV57.woff2) format("woff2");
    unicode-range:
      U+0590-05FF,
      U+20AA,
      U+25CC,
      U+FB1D-FB4F;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.oriya-6KWLK7UU.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0B01-0B77,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.malayalam-TEQYY4QC.woff2) format("woff2");
    unicode-range:
      U+0307,
      U+0323,
      U+0964-0965,
      U+0D02-0D7F,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.gurmukhi-6KWLK7UU.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0A01-0A75,
      U+200C-200D,
      U+20B9,
      U+25CC,
      U+262C,
      U+A830-A839;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.kannada-6KWLK7UU.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0C82-0CF2,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.arabic-65XU6IWD.woff2) format("woff2");
    unicode-range:
      U+0600-06FF,
      U+200C-200E,
      U+2010-2011,
      U+204F,
      U+2E41,
      U+FB50-FDFF,
      U+FE80-FEFC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.tamil-6KWLK7UU.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0B82-0BFA,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.khmer-6UFOZV57.woff2) format("woff2");
    unicode-range:
      U+1780-17FF,
      U+200C,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.telugu-6UFOZV57.woff2) format("woff2");
    unicode-range:
      U+0951-0952,
      U+0964-0965,
      U+0C00-0C7F,
      U+1CDA,
      U+200C-200D,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.bengali-6KWLK7UU.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0981-09FB,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.thai-6UFOZV57.woff2) format("woff2");
    unicode-range:
      U+0E01-0E5B,
      U+200C-200D,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.devanagari-6KWLK7UU.woff2) format("woff2");
    unicode-range:
      U+0900-097F,
      U+1CD0-1CF6,
      U+1CF8-1CF9,
      U+200C-200D,
      U+20A8,
      U+20B9,
      U+25CC,
      U+A830-A839,
      U+A8E0-A8FB;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.myanmar-6UFOZV57.woff2) format("woff2");
    unicode-range:
      U+1000-109F,
      U+200C-200D,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var.gujarati-6KWLK7UU.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0A80-0AFF,
      U+200C-200D,
      U+20B9,
      U+25CC,
      U+A830-A839;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.latin-7OZ6A42X.woff2) format("woff2");
    unicode-range:
      U+0000-00FF,
      U+0131,
      U+0152-0153,
      U+02BB-02BC,
      U+02C6,
      U+02DA,
      U+02DC,
      U+2000-206F,
      U+2074,
      U+20AC,
      U+2122,
      U+2191,
      U+2193,
      U+2212,
      U+2215,
      U+FEFF,
      U+FFFD;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.latin-ext-X7NLZYYO.woff2) format("woff2");
    unicode-range:
      U+0100-024F,
      U+0259,
      U+1E00-1EFF,
      U+2020,
      U+20A0-20AB,
      U+20AD-20CF,
      U+2113,
      U+2C60-2C7F,
      U+A720-A7FF;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.cyrillic-537CFNFW.woff2) format("woff2");
    unicode-range:
      U+0400-045F,
      U+0490-0491,
      U+04B0-04B1,
      U+2116;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.cyrillic-ext-LYXY5RHP.woff2) format("woff2");
    unicode-range:
      U+0460-052F,
      U+1C80-1C88,
      U+20B4,
      U+2DE0-2DFF,
      U+A640-A69F,
      U+FE2E-FE2F;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.greek-H4G5EOXC.woff2) format("woff2");
    unicode-range: U+0370-03FF;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.greek-ext-S3ZAKMQK.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.vietnamese-JIEXBVYA.woff2) format("woff2");
    unicode-range:
      U+0102-0103,
      U+0110-0111,
      U+1EA0-1EF9,
      U+20AB;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.sinhala-2X4HMWCJ.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0D82-0DF4,
      U+200C-200D,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.hebrew-2X4HMWCJ.woff2) format("woff2");
    unicode-range:
      U+0590-05FF,
      U+20AA,
      U+25CC,
      U+FB1D-FB4F;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.oriya-KTL4E5CI.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0B01-0B77,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.malayalam-EVQGTRZB.woff2) format("woff2");
    unicode-range:
      U+0307,
      U+0323,
      U+0964-0965,
      U+0D02-0D7F,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.gurmukhi-KTL4E5CI.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0A01-0A75,
      U+200C-200D,
      U+20B9,
      U+25CC,
      U+262C,
      U+A830-A839;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.kannada-KTL4E5CI.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0C82-0CF2,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.arabic-FHLMXEXY.woff2) format("woff2");
    unicode-range:
      U+0600-06FF,
      U+200C-200E,
      U+2010-2011,
      U+204F,
      U+2E41,
      U+FB50-FDFF,
      U+FE80-FEFC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.tamil-KTL4E5CI.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0B82-0BFA,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.khmer-2X4HMWCJ.woff2) format("woff2");
    unicode-range:
      U+1780-17FF,
      U+200C,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.telugu-2X4HMWCJ.woff2) format("woff2");
    unicode-range:
      U+0951-0952,
      U+0964-0965,
      U+0C00-0C7F,
      U+1CDA,
      U+200C-200D,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.bengali-KTL4E5CI.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0981-09FB,
      U+200C-200D,
      U+20B9,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.thai-2X4HMWCJ.woff2) format("woff2");
    unicode-range:
      U+0E01-0E5B,
      U+200C-200D,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.devanagari-KTL4E5CI.woff2) format("woff2");
    unicode-range:
      U+0900-097F,
      U+1CD0-1CF6,
      U+1CF8-1CF9,
      U+200C-200D,
      U+20A8,
      U+20B9,
      U+25CC,
      U+A830-A839,
      U+A8E0-A8FB;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.myanmar-2X4HMWCJ.woff2) format("woff2");
    unicode-range:
      U+1000-109F,
      U+200C-200D,
      U+25CC;
  }
  @font-face {
    font-family: "Literata";
    font-style: italic;
    font-weight: 200 900;
    font-display: fallback;
    src: url(./LiterataTT_var-Italic.gujarati-KTL4E5CI.woff2) format("woff2");
    unicode-range:
      U+0964-0965,
      U+0A80-0AFF,
      U+200C-200D,
      U+20B9,
      U+25CC,
      U+A830-A839;
  }
}
:root {
  --literata-aalt: "aalt" off;
  --literata-c2sc: "c2sc" off;
  --literata-case: "case" off;
  --literata-dlig: "dlig" off;
  --literata-dnom: "dnom" off;
  --literata-frac: "frac" off;
  --literata-lnum: "lnum" off;
  --literata-numr: "numr" off;
  --literata-onum: "onum" off;
  --literata-ordn: "ordn" off;
  --literata-pnum: "pnum" off;
  --literata-salt: "salt" off;
  --literata-sinf: "sinf" off;
  --literata-smcp: "smcp" off;
  --literata-ss01: "ss01" off;
  --literata-ss02: "ss02" off;
  --literata-subs: "subs" off;
  --literata-sups: "sups" off;
  --literata-tnum: "tnum" off;
  --literata-zero: "zero" off;
  --literata-cpsp: "cpsp" off;
}
.literata-aalt {
  --literata-aalt: "aalt" on;
}
.literata-c2sc {
  --literata-c2sc: "c2sc" on;
}
.literata-case {
  --literata-case: "case" on;
}
.literata-dlig {
  --literata-dlig: "dlig" on;
}
@supports (font-variant-ligatures: discretionary-ligatures) {
  .literata-dlig {
    --literata-dlig: "____";
    font-variant-ligatures: discretionary-ligatures;
  }
}
.literata-dnom {
  --literata-dnom: "dnom" on;
}
.literata-frac {
  --literata-frac: "frac" on;
}
@supports (font-variant-numeric: diagonal-fractions) {
  .literata-frac {
    --literata-frac: "____";
    font-variant-numeric: diagonal-fractions;
  }
}
.literata-lnum {
  --literata-lnum: "lnum" on;
}
@supports (font-variant-numeric: lining-nums) {
  .literata-lnum {
    --literata-lnum: "____";
    font-variant-numeric: lining-nums;
  }
}
.literata-numr {
  --literata-numr: "numr" on;
}
.literata-onum {
  --literata-onum: "onum" on;
}
@supports (font-variant-numeric: oldstyle-nums) {
  .literata-onum {
    --literata-onum: "____";
    font-variant-numeric: oldstyle-nums;
  }
}
.literata-ordn {
  --literata-ordn: "ordn" on;
}
@supports (font-variant-numeric: ordinal) {
  .literata-ordn {
    --literata-ordn: "____";
    font-variant-numeric: ordinal;
  }
}
.literata-pnum {
  --literata-pnum: "pnum" on;
}
@supports (font-variant-numeric: proportional-nums) {
  .literata-pnum {
    --literata-pnum: "____";
    font-variant-numeric: proportional-nums;
  }
}
.literata-salt {
  --literata-salt: "salt" on;
}
.literata-sinf {
  --literata-sinf: "sinf" on;
}
.literata-smcp {
  --literata-smcp: "smcp" on;
}
@supports (font-variant-caps: small-caps) {
  .literata-smcp {
    --literata-smcp: "____";
    font-variant-caps: small-caps;
  }
}
.literata-ss01 {
  --literata-ss01: "ss01" on;
}
.literata-ss02 {
  --literata-ss02: "ss02" on;
}
.literata-subs {
  --literata-subs: "subs" on;
}
@supports (font-variant-position: sub) {
  .literata-subs {
    --literata-subs: "____";
    font-variant-position: sub;
  }
}
.literata-sups {
  --literata-sups: "sups" on;
}
@supports (font-variant-position: super) {
  .literata-sups {
    --literata-sups: "____";
    font-variant-position: super;
  }
}
.literata-tnum {
  --literata-tnum: "tnum" on;
}
@supports (font-variant-numeric: tabular-nums) {
  .literata-tnum {
    --literata-tnum: "____";
    font-variant-numeric: tabular-nums;
  }
}
.literata-zero {
  --literata-zero: "zero" on;
}
@supports (font-variant-numeric: slashed-zero) {
  .literata-zero {
    --literata-zero: "____";
    font-variant-numeric: slashed-zero;
  }
}
.literata-cpsp {
  --literata-cpsp: "cpsp" on;
}
.literata-aalt,
.literata-c2sc,
.literata-case,
.literata-dlig,
.literata-dnom,
.literata-frac,
.literata-lnum,
.literata-numr,
.literata-onum,
.literata-ordn,
.literata-pnum,
.literata-salt,
.literata-sinf,
.literata-smcp,
.literata-ss01,
.literata-ss02,
.literata-subs,
.literata-sups,
.literata-tnum,
.literata-zero,
.literata-cpsp {
  font-feature-settings:
    var(--literata-aalt),
    var(--literata-c2sc),
    var(--literata-case),
    var(--literata-dlig),
    var(--literata-dnom),
    var(--literata-frac),
    var(--literata-lnum),
    var(--literata-numr),
    var(--literata-onum),
    var(--literata-ordn),
    var(--literata-pnum),
    var(--literata-salt),
    var(--literata-sinf),
    var(--literata-smcp),
    var(--literata-ss01),
    var(--literata-ss02),
    var(--literata-subs),
    var(--literata-sups),
    var(--literata-tnum),
    var(--literata-zero),
    var(--literata-cpsp);
}
.literata-caption {
  font-variation-settings: "wght" 400, "opsz" 7;
}
.literata-caption-medium {
  font-variation-settings: "wght" 500, "opsz" 7;
}
.literata-caption-semibold {
  font-variation-settings: "wght" 600, "opsz" 7;
}
.literata-caption-bold {
  font-variation-settings: "wght" 700, "opsz" 7;
}
.literata-text-light {
  font-variation-settings: "wght" 300, "opsz" 12;
}
.literata-text {
  font-variation-settings: "wght" 400, "opsz" 12;
}
.literata-text-medium {
  font-variation-settings: "wght" 500, "opsz" 12;
}
.literata-text-semibold {
  font-variation-settings: "wght" 600, "opsz" 12;
}
.literata-text-bold {
  font-variation-settings: "wght" 700, "opsz" 12;
}
.literata-text-extrabold {
  font-variation-settings: "wght" 800, "opsz" 12;
}
.literata-subhead-light {
  font-variation-settings: "wght" 300, "opsz" 36;
}
.literata-subhead {
  font-variation-settings: "wght" 400, "opsz" 36;
}
.literata-subhead-medium {
  font-variation-settings: "wght" 500, "opsz" 36;
}
.literata-subhead-semibold {
  font-variation-settings: "wght" 600, "opsz" 36;
}
.literata-subhead-bold {
  font-variation-settings: "wght" 700, "opsz" 36;
}
.literata-subhead-extrabold {
  font-variation-settings: "wght" 800, "opsz" 36;
}
.literata-display-extralight {
  font-variation-settings: "wght" 200, "opsz" 72;
}
.literata-display-light {
  font-variation-settings: "wght" 300, "opsz" 72;
}
.literata-display {
  font-variation-settings: "wght" 400, "opsz" 72;
}
.literata-display-medium {
  font-variation-settings: "wght" 500, "opsz" 72;
}
.literata-display-semibold {
  font-variation-settings: "wght" 600, "opsz" 72;
}
.literata-display-bold {
  font-variation-settings: "wght" 700, "opsz" 72;
}
.literata-display-extrabold {
  font-variation-settings: "wght" 800, "opsz" 72;
}
.literata-display-black {
  font-variation-settings: "wght" 900, "opsz" 72;
}

/* src/css/settings.css */
:root {
  --green-back: #baffc9;
  --green-border: #a9eeb8;
  --blue-back: #bae1ff;
  --blue-border: #a9d0ee;
  --orange-back: #ffdfba;
  --orange-border: #eecea9;
  --link-back: #cccccc1a;
  --yellow-border: #eeeea9;
  --base-back: #fcc83a;
  --base-border: #fafaef;
}
:root {
  --faded-yellow: #f8f7f2;
}
:root {
  --sans-fonts:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif;
  --font-size: 125%;
  --font-size: clamp(0.8rem, 0.65rem + 1.5vw, 1.15rem);
  --line-height: 1.5;
  --paragraph-spacing: 1rem;
  --paragraph-spacing: 1.3rem;
  --text-color: #000;
}
html {
  font-family:
    "Literata",
    Georgia,
    serif;
  font-size: unquote("clamp(0.85rem, 0.5rem + 1.5vw, 1.25rem)");
}
:root {
  --fonts:
    "Literata",
    Georgia,
    serif;
}
main header > aside,
.FrontBody article aside,
.FrontArchive li {
  font-feature-settings: normal;
}

/* src/css/base.css */
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  max-height: 95vh;
  height: auto;
}
body {
  background-color: var(--base-back);
  color: var(--text-color);
  font-family: var(--fonts);
  margin: 0;
  padding: 0;
  line-height: var(--line-height);
  scroll-behavior: smooth;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: top center;
  font-size: var(--font-size);
}
html {
  margin: 0;
  padding: 0;
}
.post hr {
  border: none;
  border-bottom: 1px solid #333;
  width: 50%;
  margin: 0 auto;
  padding-top: 2.5rem;
  margin-bottom: 2.5rem;
}
blockquote {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-left: 2.5em;
  position: relative;
}
blockquote,
blockquote p {
  font-size: 0.95rem;
  font-size: calc(var(--font-size) * 0.9);
  line-height: 1.2;
}
:root a {
  -webkit-text-decoration-color: #aaa;
  text-decoration-color: #aaa;
}
body a:link {
  -webkit-text-decoration-color: #267fd980;
  text-decoration-color: #267fd980;
}
body a:visited {
  -webkit-text-decoration-color: #d9a68c;
  text-decoration-color: #d9a68c;
}
h2 a:link,
h1 a:link {
  -webkit-text-decoration-color: #ccc;
  text-decoration-color: #ccc;
}
h1,
h2,
.Title,
.FrontArchive {
  --link-back: transparent;
}
h2 a:link,
h2 a:visited {
  text-decoration-thickness: 0.5rem;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  text-decoration-color: #003366;
  color: #003366;
}
a:link {
  background-color: var(--link-back);
  color: #003366;
  text-decoration-thickness: 0.25rem;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  text-decoration-color: #003366;
  position: relative;
}
a:visited {
  color: #620;
}
a:hover {
  color: #620;
  background-color: #a15e1a11;
  box-shadow: 0 0 0 0.25rem #a15e1a11;
}
[aria-hidden=true] {
  display: none;
}
.contact-list {
  padding: 0;
  list-style: none;
  margin: 0 0 2rem;
}
p {
  margin: 0;
  margin-top: var(--paragraph-spacing);
}
p,
ol,
ul,
dl,
blockquote,
figure,
table,
hr,
section,
article,
details,
figcaption {
  margin-top: var(--paragraph-spacing);
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: left;
}
@supports (display: grid) {
  .post > p,
  .post > ol,
  .post > ul,
  .post > dl,
  .post > blockquote,
  .post > figure,
  .post > table,
  .post > hr,
  .post > section,
  .post > article,
  .post > details,
  .post > figcaption {
    margin-top: 0;
  }
}
abbr {
  font-variant: none;
  text-transform: uppercase;
  font-variant-caps: all-small-caps;
}
pre {
  overflow-x: auto;
  max-width: 100%;
  background-color: white;
}
body > header {
  margin: 1rem;
}
main header {
  margin: 0 0 3rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
strong {
  font-weight: bold;
}

/* src/css/card.css */
.Card {
  padding: 4rem 3rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(35ch, 1fr));
  margin: 0 auto;
  background-color: var(--base-back);
  border-bottom: #ecbc3a 1.25rem solid;
}
.Card-header {
  background-color: #ecbc3a;
  font-family: "League Gothic";
  padding: 0;
  font-size: 1.5rem;
  text-align: center;
  margin-top: -1rem;
  text-transform: uppercase;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  overflow: auto;
}
.Card-title {
  text-align: center;
  grid-column: 2 / 3;
  line-height: 1;
  padding: 0.25rem;
  font-size: 1.5rem;
}
.Card-title a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
a.Card-next,
a.Card-previous {
  line-height: 1;
  padding: 0.25rem;
  display: flex;
  height: 100%;
  align-items: center;
}
.Card-next {
  text-align: right;
  justify-content: right;
  grid-column: 3 / 4;
}
.Card-previous {
  text-align: left;
  justify-content: left;
  grid-column: 1 / 2;
}
.Card .Note {
  background-color: var(--base-back);
  padding: 1.5rem 1rem;
  page-break-inside: avoid;
}
.Card-header a:link,
.Card-header a:visited {
  text-decoration: none;
  color: #003366;
}
.Card-header a:hover,
.Card .Card-heading a:hover {
  color: white;
  background-color: #003366;
}
.Card-heading {
  grid-column: 1 / -1;
  font-size: calc(var(--font-size) * 6);
  margin: 0 0 1rem;
  padding: 0;
  text-align: center;
}
.Card-heading a:link,
.Card-heading a:visited {
  color: #003366;
  text-decoration-thickness: 0.5rem;
  -webkit-text-decoration-style: solid;
  text-decoration-style: solid;
  text-decoration-color: #003366;
}
.Card .Note h2 {
  font-size: 2rem;
  margin: 0 0 0.5rem;
  padding: 0;
  line-height: 1.1;
}
.Card .Note p {
  margin: 0;
  padding: 0;
  margin-bottom: 1.1rem;
}
.Card .Note ul {
  margin: 0;
  padding: 0;
}
.Card .Note ul li {
  margin: 1rem 0;
  line-height: 1.2;
}
.Card .Note a:link {
  text-decoration-thickness: 1px;
}
.Card .ReferenceBlock {
  grid-column: 1 / -1;
  padding: 0;
}
.Card #refs {
  max-width: 85ch;
}
.Card .cover {
  margin: 0 0 0 2rem;
  box-shadow: none;
  border-radius: initial;
  width: 400px;
}
.Card .cover p {
  font-size: 1rem;
  background-color: var(--base-back);
  margin: 0;
}
.Card .cover p + p {
  margin-top: 1.2rem;
}
.Card .Side {
  padding: 1rem 0;
  background-color: var(--base-back);
}
.Card-finale .cover {
  grid-column: 1 / -1;
  width: 100%;
  display: grid;
  grid-template-columns: 400px 1fr;
  margin: 1rem auto;
}
.Card-finale .cover img {
  line-height: 1;
  margin: 0;
  background-color: black;
}
.Card-finale .cover p {
  font-size: 1.5rem;
}
.Card-finale .Side {
  height: 100%;
  background-color: var(--base-back);
  padding: 1rem 2rem;
  max-width: 50ch;
}
.Card .ReferenceBlock .csl-entry {
  text-indent: -2rem;
  margin-left: 2rem;
  margin-bottom: 0.5rem;
  page-break-inside: avoid;
  break-inside: avoid;
}
.page-break {
  border: none;
  height: 0;
  margin: 0;
  padding: 0;
}
@media print {
  @page {
    size: landscape;
    margin: 0;
    padding: 0;
    background-color: var(--base-back);
    border: #ecbc3a 1.25rem solid;
  }
  :root {
    --font-size: 1rem;
  }
  .Card + .Card {
    page-break-before: always;
  }
  html body,
  .Card {
    border: none;
  }
  .Card .Note {
    padding: 3rem 1rem 0;
    font-size: 0.9rem;
  }
  .Card {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35ch, 1fr));
    row-gap: 1rem;
    padding: 3rem 2rem;
    gap: 0;
  }
  .Card-header {
    margin: 0;
  }
  .Card-heading {
    font-size: 4rem;
    margin: 0 0 1rem;
  }
  .Card-heading a:link,
  .Card-heading a:visited {
    color: #1d272f;
    text-decoration: none;
  }
  .no-print {
    display: none;
  }
}
.Card a.references {
  display: none;
}
.Cards-list a.references {
  display: block;
  font-style: italic;
  font-weight: 900;
}
@media screen and (max-width: 1000px) {
  .Card .cover {
    display: block;
    width: 100%;
    float: none;
    margin: 2rem 0;
    padding: 0;
    max-width: 400px;
  }
  .Card .cover img {
    width: 150px;
    height: auto;
    float: left;
    margin-right: 1rem;
  }
  #refs {
    clear: both;
  }
  .Card-heading {
    font-size: calc(var(--font-size) * 4);
  }
  .Card-finale .cover,
  .Card .cover {
    display: block;
    padding: 0 1rem;
    height: auto;
  }
  .Card-finale .cover img,
  .Card .cover img {
    float: none;
    display: block;
    margin: 0 auto;
    height: auto;
  }
  .Card-finale .cover p,
  .Card-finale .Side {
    font-size: 1rem;
    display: block;
    background-color: transparent;
    height: auto;
  }
}
@media screen and (max-width: 500px) {
  .Card {
    display: block;
    padding: 1rem 0;
  }
  .Card-heading {
    font-size: 3rem;
    font-size: calc(var(--font-size) * 3);
    line-height: 1.1;
  }
  .Card-finale .cover,
  .Card .cover {
    display: block;
  }
  .Card-finale .cover img,
  .Card .cover img {
    float: none;
    display: block;
    margin: 0 auto;
  }
  .Card-finale .cover p {
    font-size: 1rem;
    display: block;
  }
  .Card-header {
    display: block;
    grid-template-columns: 1fr;
  }
  .Card-header a {
    display: block;
  }
  .Card-header .Card-title {
    display: block;
    font-size: 2rem;
    margin: 2rem 0;
  }
}

/* src/style.css */
@font-face {
  font-family: "League Gothic";
  src: url(./leaguegothic-regular-webfont-WYNJNCLB.woff2) format("woff2"), url(./leaguegothic-regular-webfont-455VRCQW.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}
.subtitle {
  font-size: 1.25rem;
  text-align: left;
  margin: 1.5rem 0;
  line-height: 1.35;
  padding: 0;
  font-weight: 900;
  font-style: italic;
}
.subtitle strong {
  font-weight: 900;
}
h2 + .subtitle {
  margin-bottom: 1rem;
}
.subtitle p {
  margin: 0;
}
.subtitle p + p {
  margin-top: var(--paragraph-spacing);
}
.Author {
  font-size: 3rem;
  text-align: right;
  font-size: clamp(1rem, -0.875rem + 8.333vw, 4rem);
  line-height: 1;
  padding: 1rem;
  font-family:
    "League Gothic",
    "Franklin Gothic Heavy",
    "Helvetica Neue",
    "Arial Narrow",
    Arial,
    sans-serif;
  line-height: 0.9;
  margin: 0rem 0 5rem;
  padding: 1rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: end;
  margin-left: auto;
}
.Author .Bird {
  width: clamp(1.5rem, -0.875rem + 10.333vw, 6rem);
  height: auto;
  margin-right: 0.5rem;
}
body {
  color: #1d272f;
  background-color: var(--base-back);
  border: #ecbc3a 1.25rem solid;
}
.description {
  border-radius: 4rem;
  margin: 2rem auto 6rem;
  padding: 3rem 5rem;
  color: black;
  max-width: 1280px;
}
.Wrapper {
  max-width: 70ch;
  margin: 0 auto;
}
.Problems {
  margin: 1rem -2rem;
  font-size: 1.1rem;
}
.Problems p {
  background-color: #f9f9f9;
  padding: 1rem 4rem;
  margin: 2.5rem 0;
  border-left: 1rem solid #eee;
  border-right: 1rem solid #eee;
}
h1 {
  text-align: left;
  padding: 2rem 3rem;
  font-size: 5rem;
  font-family:
    "League Gothic",
    "Franklin Gothic Heavy",
    "Helvetica Neue",
    "Arial Narrow",
    Arial,
    sans-serif;
  text-transform: uppercase;
  line-height: 0.9;
  margin: 0;
  font-weight: normal;
  letter-spacing: -1px;
  font-size: clamp(3rem, -0.875rem + 17vw, 17rem);
}
h2 {
  margin: 0;
  margin-top: 6rem;
  padding: 0rem;
  text-align: left;
  font-size: 6.5rem;
  line-height: 0.9;
  clear: both;
  font-family:
    "League Gothic",
    "Franklin Gothic Heavy",
    "Helvetica Neue",
    "Arial Narrow",
    Arial,
    sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}
h3 {
  font-family:
    "League Gothic",
    "Franklin Gothic Heavy",
    "Helvetica Neue",
    "Arial Narrow",
    Arial,
    sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: normal;
  margin: 5rem 0 0;
  padding: 0;
  clear: both;
}
h1 strong,
h2 strong,
h3 strong {
  font-weight: normal;
  background-color: #1d272f;
  color: var(--base-back);
  font-style: normal;
}
.intro h2 {
  margin-top: 1rem;
  padding: 0;
}
hr {
  border: none;
  border-top: 1rem solid #1d272f;
  margin: 2rem -2rem;
  clear: both;
}
.cover {
  width: 300px;
  height: auto;
  float: right;
  margin-left: 2rem;
  margin-bottom: 2rem;
  border-radius: 8px;
  box-shadow: 1px 2px 16px #c7991a;
}
.avatar {
  width: 200px;
  height: auto;
  float: right;
  margin-left: 2rem;
  margin-bottom: 2rem;
  border-radius: 8px;
  box-shadow: 2px 2px 16px #999;
}
.buy {
  padding: 1rem 2rem;
  border: 1px solid #ecbc3a;
  font-size: 2rem;
  display: block;
  text-decoration: none;
  text-align: center;
  background-color: #1d272f;
}
.buy strong {
  font-size: 4rem;
  font-weight: normal;
}
.buy .package {
  font-size: 3.5rem;
  line-height: 1;
  display: block;
  margin-bottom: 0.5rem;
}
a:link.buy,
a:visited.buy {
  color: var(--base-back);
  background-color: #1d272f;
  box-shadow: 1px 2px 10px #b68b14;
  font-family:
    "League Gothic",
    "Franklin Gothic Heavy",
    "Helvetica Neue",
    "Arial Narrow",
    Arial,
    sans-serif;
  font-weight: normal;
  transition: 250ms box-shadow ease-in-out;
}
.intro {
  padding: 2rem;
  margin: 0 -2rem;
  margin-top: 1rem;
  border: 1px solid #f0f0f0;
  background-color: #f8f8f8;
  font-size: 1.35rem;
  display: block;
  text-decoration: none;
  text-align: left;
  background-color: var(--base-back);
  border: #1d272f 1.25rem solid;
  box-shadow: 1px 2px 16px #c7991a;
  clear: both;
}
.intro p {
  text-align: left;
}
.intro a:link.buy,
.intro a:visited.buy {
  padding: 1rem 2rem;
  font-size: 1.55rem;
  display: block;
  text-decoration: none;
  text-align: center;
  margin: 2rem 0;
  color: var(--base-back);
  background-color: #1d272f;
  line-height: 1.35;
}
.intro a:hover.buy,
a:hover.buy,
.intro a:active.buy,
a:active.buy {
  color: #1d272f;
  background-color: #fce6a8;
  box-shadow: 0 0 0px 10px #1d272f;
}
.sample {
  background-color: #fefefe;
  padding: 2rem 4rem;
  margin: 1rem -2rem;
  margin-top: 4rem;
  clear: both;
}
.sample blockquote {
  padding: 1.1rem 0 2.2rem;
  margin: 0;
  margin-left: 2.2rem;
}
.sample h3 {
  font-weight: 800;
}
.sample blockquote + blockquote {
  border-top: none;
}
.sample blockquote::before {
  content: "\201c";
  display: block;
  position: absolute;
  top: 0;
  left: -5rem;
  font-size: 8rem;
  color: #b68b14;
}
@media screen and (max-width: 600px) {
  .cover,
  .avatar {
    float: none;
  }
  .sample {
    padding: 2rem 1rem;
  }
  .sample blockquote {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1.1rem 0 2.2rem;
  }
  .sample blockquote,
  .sample blockquote p,
  .Problems p {
    font-size: 1rem;
  }
  .sample blockquote::before {
    content: "\201c";
    display: block;
    position: absolute;
    top: 2rem;
    left: -3rem;
    font-size: 4rem;
    color: #ddd;
  }
  .intro {
    padding: 1rem;
    font-size: 1rem;
  }
  .intro .buy {
    font-size: 1.25rem;
  }
}
.title {
  max-width: 1240px;
  height: auto;
  width: 100%;
}
.Praise,
.Praise p {
}
.Praise img {
  max-width: 600px;
  width: 100%;
  height: auto;
}
.Praise.sample {
  border: none;
  margin: 0;
  background-color: transparent;
}
.Praise blockquote {
  font-style: italic;
}
.Hero svg {
  max-height: 130vh;
  width: 100%;
  margin: 1rem auto;
  display: block;
}
@keyframes hero {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes antihero {
  from {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.Hero {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  left: 0;
}
@media (not (prefers-reduced-motion)) and (min-width: 1024px) {
  #fill {
    animation: 14s ease-in-out infinite alternate running antihero;
  }
  #stroke {
    animation: 14s ease-in-out infinite alternate running hero;
  }
}
.Notification {
  text-align: center;
}
.Notification p {
  font-size: 150%;
  margin: 2rem auto;
  padding: 2rem;
  text-align: center;
  background-color: #fff0c5;
}
.Announcement {
  padding: 1.5rem;
  color: var(--base-back);
  background-color: #1d272f;
  margin: 1rem 0;
  font-size: 1.25rem;
}
.Announcement p {
  margin: 0;
  padding: 0;
  text-align: center;
}
@media screen and (max-width: 600px) {
  .cover,
  .avatar {
    float: none;
  }
  .description {
    padding: 3rem 0.5rem;
    margin: 2rem auto 6rem;
  }
  h1 {
    padding: 1rem;
  }
  h2 {
    font-size: 3rem;
  }
  h3 {
    font-size: 2rem;
  }
  .intro {
    margin: 0 -1rem;
  }
}
a:link.Read-link,
a:visited.Read-link {
  background-color: #1d272f;
  color: var(--base-back);
  font-family: "League Gothic", sans-serif;
  font-size: 150%;
  padding: 0.25rem 0.125rem;
  text-decoration: none;
}
a:hover.Read-link {
  background-color: #003366;
  color: var(--base-back);
  font-family: "League Gothic", sans-serif;
  font-size: 150%;
  padding: 0.25rem 0.125rem;
  text-decoration: none;
}
/*# sourceMappingURL=style-TG6WV72F.css.map */