body
{
  background: #222;
  color: #EEE;
  margin: 25px;
  padding: 0;
  font: 12px Arial, Helvetica, sans-serif;
}
hr
{
  margin: 30px 0;
}

h1
{
  font: 28px Arial, Helvetica, sans-serif;
}
h2
{
  font-size: 20px;
  font-weight: normal;
}
h3
{
  color: #EEE;
  margin: 25px 10px 10px 10px;
}

a
{
  color: #FFF;
  text-decoration: underline;
}
a:hover
{
  text-decoration: none;
}
a img
{
  border: 0;
}
.thumb
{
  margin: 10px;
}
#before-after
{
  margin: 30px 10px;
}

#buttons
{
  margin: 10px 0;
}
button
{
  font: 12px Arial, Helvetica, sans-serif;
  margin-right: 10px;
}

#code p
{
  margin: 10px 20px;
}
pre
{
  margin: 10px 20px;
  font-size: 12px;
  border: 1px dotted #999;
  padding: 8px 10px;
  overflow: auto;
  background: #2C2C2C;
  color: #DDD;
}
