@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Comic+Relief:wght@400;700&family=DynaPuff:wght@400..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

.relaxed {
  font-family: "Comic Relief", system-ui;
  font-style: normal;
}

.normal {
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
}

.happy {
  font-family: "DynaPuff", system-ui;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}

.red{ color: red; }
.redL{ color: #ff7f7f; }
.redD{ color: #8b0000; }

.green{ color: green; }
.greenL{ color: #90ee90; }
.greenD{ color: #005500; }

.blue{ color: blue; }
.blueL{ color: #87cefa; }
.blueD{ color: #00008b; }

.yellow{ color: yellow; }
.yellowL{ color: #ffff99; }
.yellowD{ color: #b3b300; }

.orange{ color: orange; }
.orangeL{ color: #ffb974; }
.orangeD{ color: #c67700; }

.purple{ color: purple; }
.purpleL{ color: #d1a3ff; }
.purpleD{ color: #4b0082; }

.pink{ color: rgb(255, 110, 243); }
.pinkL{ color: #ffb6c1; }
.pinkD{ color: #c71585; }

.cyan{ color: cyan; }
.cyanL{ color: #a0ffff; }
.cyanD{ color: #008b8b; }

.magenta{ color: magenta; }
.magentaL{ color: #ff99ff; }
.magentaD{ color: #8b008b; }

.brown{ color: brown; }
.brownL{ color: #d2a679; }
.brownD{ color: #4b2e2e; }

.gray{ color: gray; }
.grayL{ color: #d3d3d3; }
.grayD{ color: #4f4f4f; }

.black{ color: black; }
.white{ color: white; }

.bold{ font-weight: bold; }

.underline{ text-decoration: underline; }

.italic{ font-style: italic; }

.title{ font-size: 2em; }

.subtitle{ font-size: 1.3em; }

.text{ font-size: 1em; }