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

*{
  box-sizing: border-box;
}

.container{
position: relative;

}

.main{
  background: url(https://ebbajuliana.neocities.org/bilder/glitter.gif);
  background-size: cover;
  display: grid;
  grid-gap: 10px;
  grid-template:
  "header header"
  "left right"
  /1fr 1fr;
  margin-left:200px;
  margin-right: 200px;
  margin-top: 100px;
  padding: 20px;
  border-radius: 15px 15px 0 0;
  }

  .header{
    grid-area: header;

  }

  .left{
    grid-area: left;
    background: url(https://ebbajuliana.neocities.org/bilder/notepad6.jpg);
    background-size: cover;
    height: 500px;

  }

  .lefttext{
    margin-left:59px;
    margin-top:57px;
    margin-right:10px;
    height:440px;
    font-size: 11px;
    line-height: 1.3;
  }

  .right{
    grid-area: right;
    
  }


  .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;
  }

  #windowstext {
    position: absolute;
    font-size: smaller;
  }

a {
    text-decoration: none;
}

  a:hover{
    font-style: italic;

  }