@import url(http://fonts.googleapis.com/css?family=Bangers|Francois+One);

@font-face {
  font-family: 'Bangers Outline';
  font-style: normal;
  font-weight: 400;
  src: url(Bangers-Regular-Outline.woff) format('woff');
}

body {
  color: black;
  font-family: 'Francois One', verdana, helvetica, arial, sans-serif;
  font-size: 112.5%;
}

.content-border {
  margin: auto;
  display:table;
  margin-top: 2em;
  padding: 0.3em;
  border: 0.2em solid green;
}

.content {
  padding: 1em;
  background-color: hsl(120, 55%, 85%);
}

.header {
  text-align: center;
  font-size: 140%;
  margin-bottom: 1em;
  white-space: nowrap;
}

.header h1 {
  margin: 0;
  font-size: 512%;
  font-weight: normal;
  font-family: 'Bangers', cursive;
}

.header h1 .wrap {
  position: relative;
}

.header h1 .wrap .front {
  font-family: 'Bangers Outline';
  color: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.header h1 .wrap .behind {
  font-size: 100%;
  font-weight: normal;
  color: green;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.header h1 .wrap .placeholder {
  visibility: hidden;
}

.header h1 .wrap span span {
  font-size: 85%;
}

.header h1 .behind span {
  position: relative;
  /*left: 1px;*/
}