.container {
    display: grid;
    width: 800px;
    margin: auto;
    align-self: center;
    border: solid black 1px;
    font-family: Arial, Helvetica, sans-serif;
    grid-template-columns: 1fr 3fr;
    grid-template-areas: 'header header header reklam' 'meny meny meny reklam''link text text reklam' 'link text text reklam' 'link text text reklam' 'link text text reklam' 'link text text reklam' 'footer footer footer footer';
}

.header,
.footer,
.link,
.reklam,
.text{
    border: 1px solid black;
}

.meny {
    grid-area: meny;
    background-color: whitesmoke;
}

.header {
    background-color: salmon;
    text-align: center;
    padding: 30px 0 0 0;
    font-size: bold;
    color: white;
    height: 60px;
    grid-area: header;
}

.footer {
    background-color: gray;
    text-align: center;
    padding: 10px;
    grid-area: footer;
    color: black;
}

.link {
    background-color: greenyellow;
    padding: 10px;
    text-align: left;
    width: 200px;
    grid-area: link;
}

.text {
    background-color: white;
    padding: 10px;
    text-align: left;
    width: 400px;
    grid-area: text;
}

.reklam {
    background-color: yellow;
    padding: 10px;
    text-align: center;
    width: 200px;
    grid-area: reklam;
}

img {
    width: 100px;
    border: 1px solid black;
}

h1,
h2,
h3,
p {
    margin: 0px;
    padding: 2px;
}

.bold {
    font-size: 2em;
    font-weight: bold;
}

.pris {
    background-color: white;
    border: 1.5px solid red;
    margin: 10px;
    height: 60px;
    padding: 5px;
}

.menu {
    display: flex;
    flex-direction: row;
    gap: 10px;
}

nav {
    border: 1px solid black;
}

nav a {
    display: flex;
    padding: 5px;
    width: 60px;
    height: 30px;
    margin: 0px;
    align-items: center;
    border: 1px solid black;
    background-color: whitesmoke;
    color: black;
    text-decoration: none;
}

nav a:hover {
    background-color: greenyellow;
}

#current {
    background-color: orangered;
    font-weight: bold;
}