html {
	height: 100%;
}

body::-webkit-scrollbar {
	width: 0;
}

::-webkit-scrollbar {
	width: 0; /* remove scrollbar space */
	height: 0;
	background: transparent; /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
	background: #ff0000;
}

body {
	font-size: 1.5em;
	font-family: Aldine721, "Aldine721", "Times New Roman", Times, serif;
	padding-top: 1em;
	margin: 0;
	line-height: 1.5em;
	font-weight: 300;
	color: #808080;
	overflow-x: hidden;
	text-align: left;
}

p {
	margin: 1em 0;
	font-size: 1em;
}

h1 {
	font-size: 1.1em;
  width: 100%;
  font-weight: 100;
  line-height: 1.5em;
  text-align: center;
  padding-bottom: 1em;
  border-bottom: 0.5px solid #80808096;
  font-style: italic;
}

#container {
  max-width: 40%;
  position: relative;
  height: auto;
  overflow: hidden;
  margin: 1em auto;
  transition: background 2s ease-in-out;
}

footer {
  font-size: 1em;
  width: 100%;
  font-weight: 100;
  line-height: 1.5em;
  text-align: center;
  padding-top: 1em;
  border-top: 0.5px solid #80808096;
  font-style: italic;
}

.poem {
  position: relative;
  padding: 13em 0;
  left: 20%;
}

.poem:nth-of-type(2n) {
  left: 60%; 
}

.poem:nth-of-type(1) {
	color: goldenrod;
}

a {
  color: #808080;
}

a:hover {
  color: #8f54db;
}

@media screen and (max-width: 800px) {
	body {
		font-size: 1em;
	}

	#container {
		max-width: 100%;
	}
}