COLOR PALETTE

#8669FA
#FDDD8C
#D2D6EF
#1E2019
#393E41

FONTS

ROBOTO MONO

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

IBM PLEX MONO

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

BUTTONS

Sample
Sample
Sample
Sample
Sample

TEXT STYLES

H1: HEADINGS STYLE

font-family: 'Roboto Mono', monospace;
font-size: 50px;
font-weight: 700;
letter-spacing: 5px;

P: PARAGRAPH STYLE

text-transform: capitalize;
margin: 20px 0;
font-family: 'IBM Plex Mono', monospace;
font-weight: 400;
letter-spacing: 0.4em;
text-align: left;

H3: SUBHEADINGS

font-family: 'IBM Plex Mono', monospace;
font-size: 20px;
font-weight: 700;
letter-spacing: 5px;

LOGO HEADING

font-family: 'Roboto Mono', monospace;
letter-spacing: .2em;
text-transform: uppercase;

A: ANCHOR TAG / NAVBAR ITEMS

font-family: 'IBM Plex Mono', monospace;
font-size: 13px;
text-decoration: none;
color: #1E2019;
text-transform: uppercase;
:hover {color: #8669FA;}

#COLOR-HEX FONT STYLE

color: #COLOR-HEX
font-family: 'Roboto Mono', monospace;
font-weight: 700;;

MULTI ELEMENTS STYLE

ELEMENTS: H1, h2, h3, p

cursor: default;
font-family: 'IBM Plex Mono', monospace;
:hover { color: #8669FA; }