html {
	background: linear-gradient(white, #01073d);
}
body {
	padding:15px;
	max-width:800px;
	margin:auto;
	font-family: 'Vollkorn', serif;
	font-size:18px;
	color:#474747;
	background-color:white;
	text-align: justify;
}
p.separator {
	text-align: center;
}
p {
	text-indent: 1.5em;
}
h1 {
	font-family: 'Unica One', cursive;
	text-align:center;
	font-size:4em;
	line-height: 1em;
	color:#000b79;
	margin-bottom:10px;
}
h2 {
	color:black;
	line-height:1em;
}
h2.byline {
	text-align:center;
	margin-bottom:2em;
}
div.poem {
	background: linear-gradient(#474747, #001451);
	border-radius: 10px;
	color: white;
	padding: 25px;
	max-width: 500px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
div.poem-text {
	font-size:1.2em;
	font-style: italic;

}
div.poem-by {
	font-size:.8em;
	margin-left:2em;
	margin-top:1em;
  text-align: right;
}
img {
	max-width:200px;
  max-height:200px;
}

#score{
  border:0;
  padding: 0;
	max-width:500px;
  max-height:500px;

}

@media screen and (max-width: 800px) {
  img {
    max-width:30%;
    max-width:30%;
  }
  body {
    padding:25px;
  }
}