body {
  background: #ffffff;
  background-image: url(baggrund.png);
  background-repeat:no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
p {
  color: rgb(255, 249, 249);
}
h1 {
  font-weight: bold;
  color: #000000;
}

.headContent {
  grid-area: head;
}

.menuContent {
  grid-area: menu;
  text-align: center;
  color: #000000;
}

a {
  color: #000000;
  margin: 40px
}

.leftContent {
  grid-area: left;
}

.mainContent {
  grid-area: main;
}



.footerContent {
  grid-area: footer;
  text-align: center;
}


.mainContainer {
  display: grid;
  grid-template-areas:
    'head head head'
    'menu menu menu'
    'main main main'
    'footer footer footer';
  grid-gap: 5px;
  padding: 0px; 
  color: black;

}

.headContent {align-content: center;
  text-align: center;
}

.mainContent {
  display: grid;
  border: 2px solid black;
  text-align: left;
  padding-left: 25px; 
}

.menuContent {
  font-size: 20px;
  border: 2px solid black;
}


.footerContent {
  font-size: 10px;
  border: 2px solid black;
}