body {
  background-color: #3181bc;
}
header{
  margin: 0px 0px;
  padding: 0px 0px;
}
nav p{
  margin-top: 8px;
  margin-bottom: 8px;
}
main {
  padding: 18px;
}
footer {
  padding: 18px;
}
#container {
  background-color: white;
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
h1, h2, h3, h4, h5, h6{
  font-family: 'Fruktur', cursive;
}
h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #3181bc;
  color: white;
  text-shadow: 2px 2px black;
  text-align: center;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.clear-float {
  clear: left;
  clear: right;
}
button {
  color: white;
  background-color: #3181bc;
  border: solid #1f547a 2px;
  padding: 5px;
  margin: 0px 18px;
  width: 120px;
  font-family: cursive;
  border-radius: 10px;
}
button:hover{
  background-color: #71afda;
}
.imgbox img {
  width: 500px;
  margin: 10px;
}
.capletter p::first-letter{
  font-size: 150%;
  color: #3181bc;
}
.capletter img{
  float: left;
  width: 100px;
  margin-right: 18px;
}