body {
  background-image:url(interludebg.png)
  
}

img.back {
 position:absolute;
 left:200px;
 height:20px;
 width:80px;
}
img.forward {
 position:absolute;
 right:200px;
  height:20px;
 width:80px;
}
img.comic {
  margin: auto;
  display:block;
  width:60%;
  box-shadow: 0 4px 8px 0 #0033cc, 0 6px 20px 0 #0033cc;
}
div.subtitle {
  position: sticky;
  top:0px;
  font-family: advent pro regular, courier;
  border:2px solid black;
  background-color: #e9f5de;
  padding:6px;
  text-align:center;
  font-size:20px;
}
div.blue {
  border: 6px #00aaff double;
  background-color: #0033cc;
  display: inline-block;
  font-family:georgia;
  color:#00aaff;
  padding:6px;
  width:50%;
  text-align:center;
  position:relative;
  left:24%;
}
div.bluenote {
  border: 6px #00aaff double;
  background-color: #0033cc;
  display: inline-block;
  font-family:georgia;
  color:#00aaff;
  padding:6px;
  width:18%;
  text-align:center;
  position:absolute;
}
div.whitenote {
  border: 6px white ridge;
  background-color: #0033cc;
  font-family:georgia;
  color:white;
  padding:6px;
  text-align:center;
  display:inline-block;
  width:18%;
  position:absolute;
}
  div.white {
  border: 6px white ridge;
  background-color: #0033cc;
  font-family:georgia;
  color:white;
  padding:6px;
  text-align:center;
  display:inline-block;
  width:50%;
  position:relative;
  left:24%;
}


a:link.end, a:active.end, a:visited.end {
font-family:comic;
background-color:#ec733b;
border:4px outset #7f2600;
text-decoration:none;
font-size:15.5px;
text-align:center;
padding:9px;
display:inline-block;
border-radius:8px;
color:#7f2600;
width:100px;
Position:absolute;
bottom:5px;
right:5px;
}

a:link.home, a:active.home, a:visited.home {
font-family:georgia;
background-color:orange;
border:4px outset #3a4497;
text-decoration:none;
font-size:12px;
text-align:center;
padding:13px;
border-radius:100px;
color:black;
width:60px;
Position:sticky;
bottom:3px;
float:left;
display:inline-block;
}
a:hover.end {
color:black;
border:inset;
}