.container {
    width: 800px;
    margin:auto;
    display: grid;
    grid-gap: 1px;
    border: 1px solid black;
    background-color: black;
    font-family: Arial, Helvetica, sans-serif;
    grid-template-areas: 'header header header header header header' 'rubrik1 rubrik1 rubrik1 rubrik1 rubrik1 rubrik1' 'text1 text1 text2 text2 text3 text3''text1 text1 text2 text2 text3 text3''rubrik2 rubrik2 rubrik2 rubrik2 rubrik2 rubrik2' 'text4 text4 text4 text5 text5 text5''text4 text4 text4 text5 text5 text5' 'footer footer footer footer footer footer';}

.text1, .text2, .text3, .text4, .text5 {
    background-color: whitesmoke;
    text-align: left;
    padding: 10px;
}

.rubrik1, .rubrik2 {
    background-color: darksalmon;
    text-align: left;
    padding: 10px;
}

.header, .footer {
    background-color: salmon;
    text-align: center;
    padding: 10px;
}

.header {
    grid-area: header;
    color: whitesmoke;
}

.rubrik1 {
    grid-area: rubrik1;
}

.rubrik2 {
    grid-area: rubrik2;
}

.text1 {
    grid-area: text1;
}

.text2 {
    grid-area: text2;
}

.text3 {
    grid-area: text3;
}

.text4 {
    grid-area: text4;
}

.text5 {
    grid-area: text5;
}

.footer {
    grid-area: footer;
}

.footer span {
    font-size: 3em;
}

h2, h3, h4 {
    margin: 0px;
    padding: 0px;
}

img{
    width: 100px;
}