JSFiddle - React, Tailwind, and code Playground

by Simon Price

HTML

<h1>Oggies Pizza</h1>

<ul>
  <li>Turkey</li>
  <li>Cranberry Orange Relish</li>
  <li>Sweet Potatoes</li>
  <li class="desert">Pecan Pie</li>
  <li>Turkey</li>
  <li>Cranberry Orange Relish</li>
  <li>Sweet Potatoes</li>
  <li class="desert">Pecan Pie</li>
  <li>Turkey</li>
  <li>Cranberry Orange Relish</li>
  <li>Sweet Potatoes</li>
  <li class="desert">Pecan Pie</li>
  <li>Turkey</li>
  <li>Cranberry Orange Relish</li>
  <li>Sweet Potatoes</li>
  <li class="desert">Pecan Pie</li>
</ul>

CSS

html {
  font-family: 'Homemade Apple', cursive; 
  background-color: #282422;
  background-image: radial-gradient(#3C3A3B, #282422);
  background-size: cover;
}

body {
  border: 30px solid;
  border-image: url('http://thecutestblogontheblock.com/wp-content/uploads/2013/01/chalkboard-charmer-free-3-column-background.jpg')  fill  0 500/ 0 200px;
}

h1 {
  text-align: center;
  color: #E19396;
  font-size: 3.75em;
}

ul {
    list-style: none;
    padding: 0px;
}

ul li:before
{
    content: '\2713';
    margin: 0 1em;
}

ul {
  width: 55%;
  color: #9ED7D6;
  font-size: 2em;
  margin: 0 auto;
}

li.desert {
  color: #FFFFBF;
}

html,body {
  margin: 0;
  padding:0;}