/* ===== FONTS ===== */
@font-face {
	font-family: 'underwood_championregular';
	src: url('./fonts/underwood_champion-webfont.eot');
	src: url('./fonts/underwood_champion-webfont.eot?#iefix') format('embedded-opentype'),
		url('./fonts/underwood_champion-webfont.woff2') format('woff2'),
		url('./fonts/underwood_champion-webfont.woff') format('woff'),
		url('./fonts/underwood_champion-webfont.ttf') format('truetype'),
		url('./fonts/underwood_champion-webfont.svg#underwood_championregular') format('svg');
	font-weight: normal;
	font-style: normal;

}
/* ===== GLOBAL STYLES ===== */
body{
	padding:0px;
	margin:0px;
	/* background-color:#ababab;*/
	font-size:20px;
	-ms-overflow-style:none; /* hide the browser's scrollbar on IE and Edge */
	background-image:url("./images/typewriter.jpg");
	background-size:1920px 1080px;
	overflow:hidden;
}
/* hide the browser's scrollbar, will not work on Firefox */
body::-webkit-scrollbar{
	display:none;
}
p, li, h1, h2, h3, h4, h5, h6{
	padding:0px;
	margin:0px;
	letter-spacing:1px;
	color:#f3f3f3;
	text-shadow: 0.5px 1px #848484;
	font-family: 'underwood_championregular';
}
h1{
	font-size:1.75rem;
	line-height:2rem;
}
h2{
	font-size:1.25rem;
}
p, li{
	line-height:1.25rem;
}
header p, footer p{
	font-family: 'Amatic SC', cursive;
}
footer{
	padding:0.25rem;
	background-color:#000;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:center;
}
header{
	padding:0.25rem;
	background-color:#000;
	position:fixed;
	width:100%;
	text-align:center;
}
/* ====== Content Specific Styles ===== */
#wrapper{
	display:block;
	width:100%;
}
#container{
	height:100%;
	padding:1.8rem;
	text-align:center;
	max-width:960px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
}
.poemText{
	font-size:1rem;
	margin-top:1rem;
	line-height:1.1rem;
}
#poemWrapper{
	padding:0rem 0rem 0rem 19rem;
	overflow-y:scroll;
	height:375px;
}
#poemWrapper::-webkit-scrollbar {
	width: 0px;
	background: transparent; /* make scrollbar transparent */
}
.poem2{
	padding:10rem 0rem 0rem 19rem !important;
}
@media (min-width:1px) and (max-width:1079px){
	body{
		background-color:#000;
		background-image:url("./images/typewriter.jpg");
		background-size:100%;
		background-repeat:no-repeat;
	}
	#poemWrapper{
		padding:0px 0px 0px 16%;
		height:220px;
	}
}
@media (min-width:1080px) and (max-width: 1279px){
	body{
		background-image:url("./images/typewriter.jpg");
		background-size:100% auto;
		background-repeat:no-repeat;
	}
	#poemWrapper{
		padding:0px 0px 0px 20%;
		height:255px;
	}
}
@media (min-width:1280px) and (max-width: 1919px){
	body{
		background-image:url("./images/typewriter.jpg");
		background-size:100% auto;
		background-repeat:no-repeat;
	}
	#poemWrapper{
		padding:0px 0px 0px 20%;
		height:342px;
	}
}