html{
    background-color: darkblue;
}
head{
    background-color: cornflowerblue;
}
img{
    max-height: 150px;
    max-width: 150px;
}
h1{
    font-size: 20px;
    color:aqua;
}
p{
    color: aqua;
}
body{
    display: grid;
    grid-template-columns: 25vw 25vw 25vw 25vw;
    grid-template-rows: 10vh 10vh 30vh 10vh 15vh 15vh 10vh;
    grid-column-gap: 5px;
}

#titel1{
    grid-column: 1/2;
    grid-row: 1/2;
    float: right;
    margin-left: 230px;
    margin-top: 10px;
    font-size: 50px;
}
#tekst1{
    grid-column: 2/4;
    grid-row: 1/2;
    float: left;
    margin-top: 12px;
}
#titel2{
    grid-column: 1/3;
    grid-row: 2/3;
    margin-top: 40px;
    margin-left: 10px;
}
#tekst2{
    grid-column: 1/2;
    grid-row: 3/4;
    margin-left: 10px;
}
#image1{
    grid-column: 2/3;
    grid-row: 3/4;
    margin-left: 10px;
}
#titel3{
    grid-column: 1/3;
    grid-row: 4/5;
    margin-top: 40px;
    margin-left: 10px;
}
#tekst3{
    grid-column: 1/2;
    grid-row: 5/6;
    margin-left: 10px;
}

#image3{
    grid-column: 2/3;
    grid-row: 5/7;
    margin-left: 10px;
}
#titel4{
    grid-column: 3/5;
    grid-row: 2/3;
    margin-top: 40px;
}
#tekst4{
    grid-column: 3/4;
    grid-row: 3/4;
}
#image4{
    grid-column: 4/5;
    grid-row: 3/4;
}
#titel5{
    grid-column: 3/5;
    grid-row: 4/5;
    margin-top: 40px;
}
#tekst5{
    grid-column: 3/4;
    grid-row: 5/6;
}
#image5{
    grid-column: 4/5;
    grid-row: 5/6;
}
#tekst6{
    grid-column: 1/2;
    grid-row: 7/8;
    margin-left: 10px;
}
a {
    color: aqua;
}