:root {
  --color-body: white;
  --color-scroll-bar: white;
  --color-scroll-track: rgb(63, 61, 56);
  --color-heading-2: rgb(231, 0, 0);
  --color-timer: rgb(81, 175, 81);
  --color-ribbon-tracker-bg: white;
  --color-ribbon-tracker-border: rgb(148, 148, 148);
  --color-ribbon-tracker-bar: rgb(226, 72, 72);
  --color-ribbon-tracker-bar-1: rgb(255, 0, 0);
  --color-ribbon-tracker-bar-2: rgb(255, 182, 182);
  --font-heading: "Protest Strike", sans-serif;
  --bg-bottom: url("../images/bottom.webp");
  --bg-card-inner-odd: url("../images/cover-light.png");
  --bg-card-inner-even: url("../images/cover-dark.png");
  --bg-card-box: url("../images/card-box.webp");
  --mask-card-cutout: url("../images/card-cutout.png");
}

div.card:nth-child(4n+1) {
  --bgcolor: rgb(177, 48, 48);
  --color: white;
}

div.card:nth-child(4n+2) {
  --bgcolor: rgb(157, 247, 154);
  --color: rgb(33, 37, 33);
}

div.card:nth-child(4n+3) {
  --bgcolor: rgb(29, 35, 92);
  --color: rgb(229, 233, 243);
}

div.card:nth-child(4n+4) {
  --bgcolor: rgb(250, 243, 224);
  --color: rgb(39, 34, 29);
}