<link href="https://fonts.googleapis.com/css?family=Finger+Paint|Permanent+Marker|Vast+Shadow" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<h1>Show your commitment to saving more lives and share Why You Give. </h1>
<ol><li>Upload your picture to add "This Is Why I Give" filter</li><li>Find your photo below and share it on social media by clicking "Share" (<i class="fa fa-share" aria-hidden="true"></i>) in the upper right-hand corner</li><li> Don't forget to tag <strong>@dkms_us</strong> and use <strong>#giveDKMS!</strong></li></ol>
h1{font-size:1.7em;font-family: 'Permanent Marker', cursive;margin-top:0px}
ol {list-style: none; counter-reset: li}
li::before {content: counter(li); color: #e2001a;
  display: inline-block; width: 0.7em;
  margin-left: -1em;font-family: 'Finger Paint', cursive;font-size:1.5em;}
li {counter-increment: li;font-size:1.3em;}
body{background-color:#f1f0ee;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.