html{
    margin: 40px;
}

.logo{
    height: 34px;
}

header{
    background-color: #eb5d45;
    color: #052c52;
    font-family: Berlin Sans FB;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: right;
    padding-left: 1rem;
    background-image: url(grond.png);
}

#keyvisual{
    float: left;
}

section{
    display: block;
    padding: 24pt;
    margin-top: 24pt;
    margin-bottom: 24pt;
    line-height: 1.5;
}

#sellingpoints, #spel, #anderekoekjes{
    background-color: #f39c9e;
}

body {
    background-color: #eb5d45;
    color: #052c52;
}

button{
    border-radius: 5pt;
    background-color: #f39c9e;
    color: #052c52;
    font-family: Berlin Sans FB;
    padding: 0.5rem 0.5rem 0.5rem;
    margin-top: 12pt;
}

h1{
    color: #f39c9e;
    font-family: Hoss Round Slab;
    font-weight: bold;
    font-size: 350%;

}

h2{
    color: #052c52;
    font-family: Berlin Sans FB;
    font-weight: bold;
    font-size: 200%;
}

p{
    color: #052c52;
    font-family: Berlin Sans FB;
    font-weight: normal;
    font-size: 14pt;
}

footer{
    background-color: #f39c9e;
    font-family: Berlin Sans FB;
}