body {
  background: #F0F0F0;
}

div#heading {
  background: #cb4d4d;
  border: 5px solid black;
}

#title {
  font-size: 45px;
  font-weight: bold;
  text-align: center;
  font-family: 'Satisfy', cursive;
}

.top {
  height: 250px;
  margin-left: 30px;
}

nav {
  width: 98%;
  position: fixed;
  top: 0px;
  background: white;
  border: 5px solid black;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  font-family: 'Satisfy', cursive;
}

a:visited {
    color: #800000;
}

div > h1, h2 {
  font-style: italic;
}

img {
  height: 500px;
}

table {
  background: white;
  padding: 2%;
}

fieldset {
  padding: 5%;
  background: white;
  border: 5px solid black;
}

div.about {
  background: white;
  border: 5px solid black;
  width: 25%;
  margin-top: 25px;
}

main#spring {
    background-image: url("images/dandelions.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

main#summer {
    background-image: url("images/locust.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

main#autumn {
    background-image: url("images/apples.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

main#winter {
  background-image: url("images/snowflakes.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1100px) {
  .top {
    margin-left: 10px;
    height: 200px;
  }
}