<!DOCTYPE html>
<html>
<head>
<style>

html {
  font-size: 16px;
}

body {
  color: #fff;
  font-family: Helvetica;
  text-align: center;
}

h1 {
  color: black;
  font-size: 2em;
}

/* DEMO STYLES */

/* Parent */
div {
  border-color: black;
  margin: 15px 0;
}

p {
  margin: 25px 0;
}

/* Add padding to the parent */
.padding {
  padding: 1px 0;
}

/* Here come the children */
.red {
  background-color: #ff6b6b;
}

.orange {
  background-color: #ff9e2c;
}

.yellow {
  background-color: #eeee78;
}

.green