body {
	margin: 0;
	font-family: arial, verdana, helvetica;
	}
body button {
	border: 4px solid grey;
	padding: 1px;
	border-radius: 3px;
	width: 100px;
	height: 30px;
}
.hero-image {
  background-image: url("../Images/bookimagery.jpg");
  background-color: #cccccc;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #c6e2ff;
}
.midsection {
	background-color: #00ffff;
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.midsection1 {
	background-color: #d8d8d8;
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.bottom {
	background-color: #00ffff;
	height: 400px;
}
.general {
	background-color: #e6e6e6;
	height: 400px;
}
.scenic {
	background-color: black;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	color: white;
}
.harmony {
	background-image: url("../Images/Harmony3.jpg"), url("../Images/Harmony1.jpg"), url("../Images/Harmony2.jpg");
	height: 500px;
	background-position: left center, center top, right top;
	background-repeat: no-repeat, no-repeat, no-repeat;
	position: relative; 
}
div.blog {
	margin-left: 5%;
	margin-right: 5%;
	border: 5px solid black;
	border-radius: 3px;
	padding-left: 10px;
	padding-right: 10px;
}
div.poetry {
	margin-left: 5%;
	margin-right: 30%;
	border-bottom: 5px dashed grey;
	padding-bottom: 5px;
}
div.poetry1 {
	margin-left: 7%;
	margin-right: 7%;
	border-left: 5px dashed blue;
	border-bottom: 5px dashed blue;
	border-radius: 3px;
	padding: 7px;
	text-align: center;
}
div.poetry2 {
	margin-left: 5%;
	margin-right: 30%;
	border: 5px solid grey;
	border-radius: 4px;
	padding-left: 7px;
	padding-right: 7px;
}
p.margin {
	margin-left: 2%;
}
table {
	margin-left: 10%;
	margin-right: 10%;
	width: 80%;
	border-collapse: collapse;
	border: 4px solid black;
}
th {
	font-size: 30px;
	border: 2px solid black;
	font-style: bold;
}
tr {
	border: 2px solid black;
}
td {
	font-size: 20px;
	border: 2px solid black;
}
pre {
	font-size: 18px;
}
article {
	margin-left: 4%;
	margin-right: 65%;
	border-style: outset;
	border-width: 10px;
	border-color: light grey;
}
section {
	margin-left: 4%;
	margin-right: 70%;
}