html, body {
  height: 100%;
  margin: 5%;
  background: #224;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; /* Light weight */
  color: #fff;

}

.wrapper {
  display: flex;
  align-items: center;     /* vertical center */
  justify-content: center; /* optional: horizontal center */
}

p, h1 {
}
a { color: #FFC; }
a:visited { color: #FFC; }
a { text-decoration: none; border-bottom:1px dotted; }

.title {
text-align: center;
padding:0;
font-size:2em;
margin:0;
padding:0;
  }

.subtitle {
text-align: center;
padding:0;
font-size:1em;
margin: 0;
  }


.footer { margin-top:10em; color: white; font-size: 1em; opacity: 0.7; text-align:center;}