Dough

Background, Footer Text

  • #faf7e5
  • rgb(250, 247, 229)
  • hsl(51, 68%, 94%)

Olive

Text, Footer

  • #a337ce
  • rgb(28, 47, 21)
  • hsl(104, 38%, 13%)

Emerald

Clicked links

  • #38d170
  • rgb(56, 209, 112)
  • hsl(142, 62%, 52%)

Azure

Links

  • #387dd1
  • rgb(56, 125, 209)
  • hsl(213, 62%, 52%)

Grape

Visited Links

  • #a337ce
  • rgb(163, 55, 206)
  • hsl(283, 61%, 51%)

Crimson

Clicked buttons

  • #d33737
  • rgb(211, 55, 55)
  • hsl(0, 64%, 52%)

Honey

Buttons

  • #b5d138
  • rgb(181, 209, 56)
  • hsl(71, 62%, 52%)

Audiowide

The quick brown fox jumps over the lazy dog.

Used for headers.

Heading 1

font-family: 'Audiowide', cursive;
font-weight: bold;
font-size: 4.5rem;

Heading 2

font-family: 'Audiowide', cursive;
font-weight: bold;
font-size: 4rem;

Heading 3

font-family: 'Audiowide', cursive;
font-weight: bold;
font-size: 3.5rem;

Heading 4

font-family: 'Audiowide', cursive;
font-weight: bold;
font-size: 3rem;
Heading 5
font-family: 'Audiowide', cursive;
font-weight: bold;
font-size: 2.5rem;
Heading 6
font-family: 'Audiowide', cursive;
font-weight: bold;
font-size: 2rem;

Rokkitt

Sphinx of black quartz, judge my vow!

The main font, used for: <p>, <b>, <i>, <strong>, <em>, <a>, etc.

Paragraph

font-family: 'Rokkitt', serif;
font-size: 1rem;

Bold

font-family: 'Rokkitt', serif;
font-size: 1rem;
font-weight: bold;

Italic

font-family: 'Rokkitt', serif;
font-size: 1rem;
font-style: italic;

Strong

font-family: 'Rokkitt', serif;
font-size: 1rem;
font-weight: bold;
text-decoration: underline;

Emphasis

font-family: 'Rokkitt', serif;
font-size: 1rem;
font-style: italic;
text-decoration: underline;

Anchor

font-family: 'Rokkitt', serif;
font-size: 1rem;
text-decoration: underline;
color: #387dd1;

Share Tech Mono

A wizard's job is to vex chumps quickly in fog.

Used for <code> elements.

code

font-family: 'Share Tech Mono', monospace;
font-size: 1rem;