body {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
h1, h2, h3, h4 {
  margin: 0px;
  padding: 0px;
}
img {
  width: 100px;
  border: 1px black solid;
}
a {
  display: block;
  border: 1px black solid;
  padding: 5px;
  text-decoration: none;
  color: black;
}
a:hover {
  background-color: greenyellow;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: 800px;
  border: 1px black solid;
  place-self: center;
  grid-template-areas: 
  'h h h a'
  's m m a'
  's m m a'
  'f f f f'
  ;
}

.article, .section, .aside {
  border: 1px black solid;
  padding: 20px;
}
.header, .footer {
  border: 1px black solid;
  text-align: center;
  padding: 20px;
}
.header {
  grid-area: h;
  background-color: lightcoral;
  color: white;
}
.article {
  grid-area: m;
}
.section {
  grid-area: s;
  background-color: greenyellow;
}
.aside {
  grid-area: a;
  background-color: yellow;
  text-align: center;
}
.footer {
  grid-area: f;
  background-color: grey;
  font-size: 12px;
}
.nav {
  border: 1px black solid;
  background-color: white;
  text-align: left;
  padding: 20px;
}
.rekdiv {
  border: 1px red solid;
  background-color: white;
  margin: 10px;
  padding: 10px;
}
.link {
  font-weight: bold;
  background-color: red;
}

.uppercase {
  font-size: 24px;
}

#current {
  font-weight: bold;
  background-color: red;
}