body {
	font-size: 20px;
	color: #A61F12;
	background-color: #0D0D0D;
}

#wrapper {
	width: 700px;
	border: 4px solid #BF946F;
	margin: 20px auto;
	background-color: #63676B;
	background-image: url(Images/background.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: 250px;
}

#sticky {
	position: -webkit-sticky; 
	position: sticky;
	top: 0;
	background-color: #BF946F;
	border: 2px solid #BF946F;
}

#poem {
	width: 300px;
	border: 1px;
	margin: 10px auto;
}


h1 {
	color: #00010D;
}

h3 {
	color: #E52C13;
}

.stanza  {
	border: 1px solid #F04F2C;
	background-color: #BF946F;
	font-size: 1em;
}

h2 {
	border: 2px solid ;
	width: 30%;
	margin-right: auto;
	margin-left: auto;
	background-color: #BF946F;
}

.post {
	max-width: 100%;
	height: auto;
	position: relative;
	cursor: pointer;

}

.post:hover .post-s {
	max-width: 100%;
}

.post img  {
	display: block;
	position: 100px;
	border-radius: 50%;
	border: 3px solid #F04F2C;
	max-width: 100%;
	height: auto;
}

.post-s {
	max-width: 0%;
	height: auto;
	background: #BF946F;
	position: absolute;
	top: 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	transition: 0.7s ease;
}

.post-s h4 {
	color: #F04F2C;
	font-size: 20px;
	border: 2px solid #0D0D0D;
	padding: 10px 20px;
	border-radius: 50%;
}

h5 {
	border: 2px solid #F04F2C;
	background-color: #BF946F;
}

a:link, a:visited {
	color: #FB470A;
	text-decoration: none;
}


a:hover, a:focus {
	color: #E52C13;
}