.container {
    width: 900px;
    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' 'rubrik1 rubrik1 rubrik1 rubrik2 rubrik2' 'text1 text2 text3 text4 text5' '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;
}