html,body {
	height:100%;
}
body {
	margin:0;
	padding:0;
  background:#222;
	font-family:Helvetica,arial,serif;
	font-size:1em;
	color:#EEE;
}
p,h1,h2,ul,li {
	padding:0;
	margin:0;
	list-style:none;
}
a {
	outline:none;
	text-decoration:none;
	color:#FFF;
}
h1 {
	font-family:Helvetica,arial,serif;
}
a:hover {
	text-decoration:none;
  cursor: pointer;
  cursor: hand;
  color: #CEBA7D;
}
h1 {
  font-size:4em;
  letter-spacing:-2px;
}
h1 a:hover {
	text-decoration:none;
}
#wrapper {
}
#content {
	max-width:700px;
        margin: 0px auto;
        padding: 5px;
}
ul.general {
	height:40px; /* Offset above the list of links */
	font-family:'Arvo',arial,serif;
}
li.icon {
  display: inline-block;
  margin-right: 2px;
}
img.icon {
  height: 32px;
  width: 32px;
}

.fullscreenshot {
	max-width: 100%;
}

.flex-tile-container {
  display: flex;
  flex-flow: row wrap;
  margin-top: 10px;
}
.flex-tile {
  flex: 1;
  margin: 0px 10px 10px 0px;
}
.game-praise-quote {
  margin-top:10px;
}
.text-creation {
  text-indent: 50px;
}
.emojis-container {
	text-align: center;
	text-indent: 0px;
}
.poem-header {
	font-family: monospace;
	font-size: 3em;
	font-weight: 400;
}
.poem-creation {
	font-family: monospace;
  line-height: 1.6;
}
.poem-image {
	 height:222px;
	 width:300px;
	 margin: 5px;
}

.poem-partition {
  display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}
@media only screen and (max-width: 730px) {
	.poem-partition {
		justify-content: initial;
	}
	.poem-image {
		height:148px;
		width:200px;
		margin: 20px;
	}
}
@media only screen and (max-width: 650px) {
	.poem-header {
		text-align: center;
	}
	.poem-partition {
		justify-content:center;
	}
	.right-side {
		flex-direction: column-reverse;
	}
	.poem-image {
		height:148px;
		width:200px;
		margin: 20px auto -10px auto;
	}