/* KLEUREN
achtergrond = #e1f4fc
tekst zwart = #000
tekst wit = #fff
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/**ALGEMEEN**/
body {
    background-color:#e1f4fc;
    box-sizing:border-box;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}

h1 {
    font-size:450%;

}

/**HEADER**/
header{
    margin-top:20px;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

header ul {
    margin:auto;
    width:80%;
    font-weight:500;
    font-size:1.2em;
}

header li {
    display:inline;
}

li a {
    text-decoration: none;
    color:black;
    padding:20px;
}

li a:hover {
    opacity: 70%;
}

/**FORMULIER**/
form {
    margin:0% 10% 3% 50%;
}

fieldset {
    border:none;
}

.submit {
    display: block;
    background-color:black;
    color:white;
    font-weight:500;
    font-size:1.1em;
    margin-left: 14px;
    border:none;
    padding:15px;
}

legend {
    font-weight:700;
    font-size:1.5em;
}

input {
    background-color:#e1f4fc;
    padding:10px;
    border:solid 1px;
}

select{
    background-color: #e1f4fc;
    padding:10px;
    padding-right:300px;
}

label, .geslacht{
    font-weight:bold;
}