/*

Style homepagina 

*/
main {
    clear: both;
}

/* logo winkel */

header img {
    height: 100px;
}

a>figure {
    float: right;
}

figure,
footer,
#link_formulier {
    text-align: center
}
/* Hoofding */

h1,
h2,
h3,
h4,
h5,
h6 {
    background-color: rgb(30, 100, 200);
    color: white;
    padding: 5px;
    text-align: center;
}

h1:hover,
h2:hover,
h3:hover,
h4:hover,
h5:hover,
h6:hover {
    background-color: rgb(139, 190, 232);
}

header {
    margin-left: 40px;
    margin-right: 40px;
}

mark {
    background-color: rgb(255, 210, 0);
}


nav {
    margin-bottom: 10px;
}

/* producten lijst */

table img {
    height: 150px;
}

table {
    border-collapse: collapse;
    margin: 15px auto;
}

td,
th {
    border: 4px double;
}

.cell {
    text-align: center;
    padding: 10px;
}

/* ongeordende lijst */

main ul {
    list-style: square;
}

/* gegevens */

div>footer {
    margin-top: 20px;
    font-variant: small-caps;
    font-weight: bold;
}

/* paragraaf */

#uitleg p,
dl {
    margin-left: 8%;
    margin-right: 8%;
}

/* mailto-link */

main footer {
    font-size: small;
    margin-bottom: 20px;
}

/* Spotify */
iframe {
    border-radius: 15px;
    width: 100%;
    height: 152px;
}

/*

Style formulier 

*/

fieldset {
    border: 2px solid rgb(255, 210, 0);
    padding: 20px;
    margin: 1%;
}

legend {
    color: rgb(30, 100, 200);
}

textarea {
    width: 100%;
}

/* verzend en reset knop */
.knop {
    margin-left: 20%;
    margin-right: 20%;
}

#verzendknop {
    height: 45px;
    padding: 5px;
}

button {
    height: 45px;
    border-radius: 6px;
    background-color: white;
    border-color: red;
}

form>div {
    margin-bottom: 1%;
}
