main {
    --poe:#111738;
    --poetxt:#d4daff;
    --ese:#571111;
    --esetxt:#ffdede;
    --ash:#380a0a;
    --ashtxt:#ffc7c7;
    --bah:#524515;
    --bahtxt:#fff6d6;
    --coh:#1d1754;
    --cohtxt:#cfc9ff;
    --jos:#7d3934;
    --jostxt:#ffd4d1;
    --kzh:#2b0d13;
    --kzhtxt:#ffd6dd;
    --kon:#611e1e;
    --kontxt:#ffd4d4;
    --mng:#5c4e18;
    --mngtxt:#fff4c9;
    --naz:#262414;
    --naztxt:#fffbdb;
    --rvn:#666617;
    --rvntxt:#ffffcf;
    --mlc:#47290c;
    --mlctxt:#ffefe0;
    --vjn:#333018;
    --vjntxt:#fffadb;
    --jpn:#521616;
    --jpntxt:#ffd1d1;
    --sgp:#541818;
    --sgptxt:#ffd9d9;
    --kor:#252361;
    --kortxt:#d7d6ff;
    --vnm:#420d0d;
    --vnmtxt:#ffdbdc;
    --anu:#204a4f;
    --anutxt:#d1faff;
    --sib:#0a2e0e;
    --sibtxt:#d6ffdb;
    --fra:#170c59;
    --fratxt:#e5e0ff;
    --mjp:#8a3636;
    --mjptxt:#ffcece;
  }
  .countrycard.poe, .countrycard.poe .title {
    background:linear-gradient(to bottom, transparent, var(--poe) 60%);
    color:var(--poetxt);
  }
  .countrycard.ese, .countrycard.ese .title {
    background: linear-gradient(to bottom, transparent, var(--ese) 60%);
    color:var(--esetxt);
  }
  .countrycard.ash, .countrycard.ash .title {
    background:linear-gradient(to bottom, transparent, var(--ash) 60%);
    color:var(--ashtxt);
  }
  .countrycard.bah, .countrycard.bah .title {
    background:linear-gradient(to bottom, transparent, var(--bah) 60%);
    color:var(--bahtxt);
  }
  .countrycard.coh, .countrycard.coh .title {
    background:linear-gradient(to bottom, transparent, var(--coh) 60%);
    color:var(--cohtxt);
  }
  .countrycard.jos, .countrycard.jos .title {
    background:linear-gradient(to bottom, transparent, var(--jos) 60%);
    color:var(--jostxt);
  }
  .countrycard.kzh, .countrycard.kzh .title {
    background:linear-gradient(to bottom, transparent, var(--kzh) 60%);
    color:var(--kzhtxt);
  }
  .countrycard.kon, .countrycard.kon .title {
    background:linear-gradient(to bottom, transparent, var(--kon) 60%);
    color:var(--kontxt);
  }
  .countrycard.mng, .countrycard.mng .title {
    background:linear-gradient(to bottom, transparent, var(--mng) 60%);
    color:var(--mngtxt);
  }
  .countrycard.naz, .countrycard.naz .title {
    background:linear-gradient(to bottom, transparent, var(--naz) 60%);
    color:var(--naztxt);
  }
  .countrycard.rvn, .countrycard.rvn .title {
    background:linear-gradient(to bottom, transparent, var(--rvn) 60%);
    color:var(--rvntxt);
  }
  .countrycard.mlc, .countrycard.mlc .title {
    background:linear-gradient(to bottom, transparent, var(--mlc) 60%);
    color:var(--mlctxt);
  }
  .countrycard.vjn, .countrycard.vjn .title {
    background:linear-gradient(to bottom, transparent, var(--vjn) 60%);
    color:var(--vjntxt);
  }
  .countrycard.jpn, .countrycard.jpn .title {
    background:linear-gradient(to bottom, transparent, var(--jpn) 60%);
    color:var(--jpntxt);
  }
  .countrycard.sgp, .countrycard.sgp .title {
    background:linear-gradient(to bottom, transparent, var(--sgp) 60%);
    color:var(--sgptxt);
  }
  .countrycard.kor, .countrycard.kor .title {
    background:linear-gradient(to bottom, transparent, var(--kor) 60%);
    color:var(--kortxt);
  }
  .countrycard.vnm, .countrycard.vnm .title {
    background:linear-gradient(to bottom, transparent, var(--vnm) 60%);
    color:var(--vnmxt);
  }
  .countrycard.anu, .countrycard.anu .title {
    background:linear-gradient(to bottom, transparent, var(--anu) 60%);
    color:var(--anutxt);
  }
  .countrycard.sib, .countrycard.sib .title {
    background:linear-gradient(to bottom, transparent, var(--sib) 60%);
    color:var(--sibtxt);
  }
  .countrycard.fra, .countrycard.fra .title {
    background:linear-gradient(to bottom, transparent, var(--fra) 60%);
    color:var(--fratxt);
  }
  .countrycard.mjp, .countrycard.mjp .title {
    background:linear-gradient(to bottom, transparent, var(--mjp) 60%);
    color:var(--mjptxt);
  }