* {
  padding: 0px;
  margin: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: cadetblue;
}

div#container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px 20px 20pxx 20px;
      grid-template-columns: 20px 20px 20pxx 20px;
  -ms-grid-rows: 100px 100px auto 100px;
      grid-template-rows: 100px 100px auto 100px;
      grid-template-areas: "header header header header header header"
 "nav nav  nav nav  nav"
 "main  main main     main main main"
 "footer footer footer footer footer footer";
}

div#container > header {
  margin-top: 25px;
}

div#container > header > h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 15px;
}

div#container > header > nav {
  background-color: #e2c195;
}

div#container > header > nav > a {
  color: black;
  text-decoration: none;
  margin: 0px 3px;
}

div#container > header > nav > a:hover {
  color: #e02909;
  cursor: pointer;
}

div#container > img {
  width: 300px;
  height: auto;
}
/*# sourceMappingURL=style.css.map */