Modern CSS Exercise

Icon Fonts

Open this codepen and follow the instructions inside!

Hints:

1. You can add the <link> tag in the HTML panel of CodePen
2. You need the special markup from the first step in the CodePen to display an icon
3. To do custom stuff, keep in mind that these use a font.. so anything you can do to a font you can do to them (font-size? color?)

Shadows and Gradients

Open this CodePen and follow the steps