/* Some default styling for exercise #1 */
html, body {
  font: 16px Arial, sans-serif;
}

header, footer, nav, article, aside {
  border-radius: 5px;
  margin: .25rem;
}

header, footer {
  background-color: #3D5C5C;  
  color: white;
  padding: .85rem;
}
      
nav,
aside {
  background-color: #f0f5f5;
  border: .1rem dashed #3D5C5C;
}

nav {
  
  padding: .4rem;
}
h1, h2, h3 {
  margin: .25rem;
  padding: .25rem;
}

h1 {
  font-size: 1.7em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.3em;
}

address {
  font-size: .8rem;
  font-weight: bold;
}

article, aside {
  padding: .25rem;
}

aside {
  margin-right: .5rem;
  margin-left: .5rem;
  overflow: auto;
}@media screen and (min-width: 800px) {
body {
display: grid;
grid-template-columns: 70px 1fr;
grid-template-areas:
"header header"
"nav article"
"footer footer";
}

header {
grid-area: header;
}

nav {
grid-area: nav;
}

article {
grid-area: article;
}

footer {
grid-area: footer;
}

aside {
float: none;
width: auto;
}
}