body {
  background: url(https://ebbajuliana.neocities.org/bilder/pattern7.jpg);
  background-size: contain;
  height: 237px;
  color: black;
  font-family: "Roboto Mono", monospace;
}

*{
  box-sizing: border-box;
}

.container{
position: relative;

}

.main{
  background: url(https://ebbajuliana.neocities.org/bilder/pattern8.jpg);
  background-size: contain;
  display: grid;
  grid-gap: 10px;
  grid-template:
  "header header"
  "nav content"
  /1fr 4fr;
  height: 700px;
  margin-left:200px;
  margin-right: 200px;
  margin-top: 50px;
  padding: 20px;
  border-radius: 15px 15px 0 0;
  }

  .header{
    grid-area: header;
    height: 50px;
    background-color: antiquewhite;
  }

  .nav{
    grid-area: nav;
    background-color: antiquewhite;
    height: 600px;

  }


  .content{
    grid-area: content;
    background-color: antiquewhite;
    height: 600px;
    overflow-y: scroll;
  }


  .footer{
    background-color: antiquewhite;
    margin-left: 200px;
    margin-right: 200px;
    border-radius: 0 0 15px 15px;
    text-align: center;
    font-size: smaller;
    padding: 5px;

  }


  .container img{
    position: absolute;
  }


a {
    text-decoration: none;
}

  a:hover{
    font-style: italic;

  }