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;
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;