html{background-image: url(images/bg.jpg);  background-attachment: fixed;}
body{
    max-width: 980px; min-width: 980px;
    height:850px;
margin: 0 auto;
	background-color: aliceblue;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;}

header{top:0;
background-color:palevioletred;
max-width: 980px; min-width: 980px;
max-height:80px;
min-height:80px;
font-family:'Fredoka One', cursive;}
header a{color:wheat;
text-decoration:none;}
header a:hover{color:aliceblue;}
h1{float:left;
margin-left:20px;}
header h3{float:right;
margin-right:20px;
margin-top:35px;}


.poemmenu{
border-color:palevioletred;
	border-width: thick;
	border-style:double;
	background-color:white;
width:970px;
height:100px;
font-family:'Staatliches', cursive;
font-size:16px;}

.poemmenu ul li{list-style:none;
display:inline-block;
padding-left: 20px;
padding-right: 20px;
padding-bottom:0px;
margin-top:-20px;}
.poemmenu ul li a{text-decoration:none;
color:darkolivegreen;}
.poemmenu ul li a:hover{text-decoration:none;
color:wheat;}

#mainimg {width:400px;
border-color:palevioletred;
	border-width: thick;
	border-style:double;
	margin:30px;}
main{text-align:center;}

.poem{text-align:left;
float:right;
height:600px;
overflow:auto;
margin:20px;
margin-right:80px;
width:450px;
font-family: 'varela', sans-serif;
font-size:14px;
}

.poem h2{font-family: 'Fredoka One', cursive;
COLOR:palevioletred;}

.longimage{float:left;
border-color:palevioletred;
	border-width: thick;
	border-style:double;
margin:20px;
margin-left:120px;
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: aliceblue;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: palevioletred;
}