/*.stanza{
	color:  blue;
}*/

/*body {
	margin: 0;
}*/

header{
	width: 400px;
	margin: 0 auto;
	background-color: #8AA6A3;
}
body {
	background-color: #10403B;
}

h1{
	background-color: lightgray;
	color: #4C5958;
	font-family: 'Playball', cursive;
	text-decoration: none;
	text-align: center;
	font-size: 50px;
}
h1 span {
	display: block;
}

/*.stanza h3{
	color: black;
	font-family: Georgia, Times New Romans, serif;
	font-size: 20px;
}*/
.stanza {
	width: 300px;
	margin: 0px auto;
	text-align: center;
	border: 2px dashed #127369;
	border-radius: 40%;
	box-shadow: 10px 10px 5px #127369;
}

.mountain {
	width: 300px;
	display: block;
	border-radius: 40%;
}

.first {
	position: relative;
	width: 300px;
	border-radius: 40%;
}

.container {
	display: block;
	position: relative;
	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	opacity: 0;
  	transition: .5s ease;
  	background-color: #10403B;
  	border-radius: 40%;
}

.container:hover, .mountain {
	opacity: 1;
}

.text-first {
	color: white;
  	font-size: 12px;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
 	transform: translate(-50%, -50%);
  	text-align: center;
  	font-family: 'Noto Serif Display', serif;
}


#wrapper{
	/*background-image: url(img/blackbird.png);*/
	width: 800px;
	margin:  0px auto;
	background: #BFBFBF;
}

#poem {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 20px;
	padding: 20px;
}

/*.image {
	width: 200px;
	border-radius: 30%;
	padding: 10px;
}*/

/*.stanza {
	background-color: lightblue;
}*/

/*#bio p:first-of-type:first-letter{
	font-size: 35px;
	color: purple;
}*/

#bio{
	padding: 30px;
	color: #4C5958;
	margin: 0 auto;
 	text-align: center;
 	font-size: 24px;
}

h2 {
	font-size: 40px;
}

li {
	text-align: left;
}

figure img {
	width: 300px;
	border: 5px dashed lightgray;
	border-radius: 50%;
	margin: auto;
	align-content: center;
}


footer {
	margin-left: 20px;
}

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

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