#wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
}

#content {
  flex: 0 0 200px;
  text-align: center;
  white-space: nowrap;
}

a {
	text-decoration: none;
}
a.moving {
	position: relative;
	text-decoration: none;
	text-shadow: 5px 5px 15px rgba(0,0,0,0.6);
}
a.moving:hover {
	text-shadow: 3px 3px 10px rgba(0,0,0,0.8);
	transition: left 1s, top 1s;
	left: 2px;
	top: 2px;
}
span {
	position: relative;
	text-shadow: 5px 5px 15px rgba(0,0,0,0.6);
  left: 0;
  top: 0;
}
span.down {
	text-shadow: 3px 3px 10px rgba(0,0,0,0.8);
	transition: left 1s, top 1s;
	left: 2px;
	top: 2px;
}
h1 {
	font-size: 4em;
}
body {
	font-family: 'Source Code Pro', monospace;
	background-color: #f918a2;
}
span.p1, span.p2 {
	color: #fff;
}
span.p0, span.p3 {
	color: #111;
}

@media screen and (max-width: 600px) {
  span.p0, span.p3 {
    display: block;
    margin: 40px 0;
  }
}