/* de achtergrond foto */
body {
    background-image: url(../img/background.jpg);
    background-size: cover;
}

/* tekst in de nav voor de header */
header, nav, a {
    color: #ffd400;
}

/* wrapper om ruimte te creeëren tussen de 2 elementen in de header */
.wrapper {
    display: flex;
    justify-content: space-between;
}

/* een division voor het vlak met teksten in het midden van de pagina */
.middle-section {
    display: flex;
    justify-content: center;
    flex-direction: row;
    font-size: x-small;
    padding: 200px;
    margin-top: 120px;
    margin-bottom: 120px;
    background-color: #ffd400cc;
    color: #541388;
}

/* tekst die bij het formulier hoort */
.opinion {
    text-align: center;
    flex-direction: row;
    background-color: #ffd400cc;
    background-position: center;

}

/* knop die het formulier laat verschijnen */
.button {
    background-color:#ffd400;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

/* het formulier */
.formulier {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size:x-large;
    padding: 200px;
    margin-top: 200px;
    margin-bottom: 200px;
    background-color:#ffd400cc;
    color: #d90368;
    border-color: #d90368;
}

/* de knop om het formulier door te sturen */
.button-2 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    font-size:x-large;
    color: #ffd400;
    background-color: #d90368;
}

/* de footer zelf */
footer {
    background-color:#2e294eb3;
    padding: 40px;
}

/* tekst in de nav voor de footer */
footer, nav, a{
    text-align: left;
    color: #ffd400;
    text-decoration: none;
}

/* tekst in de footer */
footer, h2 {
    text-align: right;
    font-size: smaller;
}
                
/* division voor het lettertype */
.lato {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}