h1, h2, h3, h4

  • font-family: 'Dark Potion 27', sans-serif;
  • margin: 20px 0px;

Header 1

  • color: white;
  • font-size: 60px;

Header 2

  • font-size: 55px;
  • color: yellow;

Header 3

  • font-size: 50px;
  • color: #ff8402 (Dark Orange);

Header 4

  • font-size: 45px;
  • color: #e95d10 (Persimmon);

p, li, a

This is a paragraph. Lists and anchors all have the same size and color.

  • font-family: 'Dark Potion 27', sans-serif;
  • font-size: 24px;
  • line-height: 1.5;

ol

  1. Ordered List
  2. Ordered List
  • margin: 20px 0px 20px 80px;

ul

  • margin: 20px 0px 20px 40px;
  • list-style-type: square;

li

  • color: #54FC4D; (Screamin Green)
  • margin-bottom: 0px;

a

Anchor
  • color: #4df4fd;

p, a

  • margin: 20px 0px 20px 40px;

table, th, td

th Table Header
Table Data td
  • font-family: 'Dark Potion 27', sans-serif;
  • border: 5px solid;
  • border-color: #ff24e2;
  • font-size: 25px;
  • color: #ff24e2;
  • border-collapse: collapse;

table

  • margin: 20px 0px;

th, td

  • padding: 20px;

The page margin is a class that contains everything on the screen except full screen elements. In this example, it has a border to shows the area it takes up.