*{  
    border: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{ 
    font-family: "titillium-web-regular", sans-serif;
    background-color: #FFFFE6;
    height: 100%;
    max-width: 850px;
}

.hoofd{
  position: static;
  padding: 13px;
  background-color: #EF7D00;
  border-radius: 26px;
  margin-left: 10px;
  margin-right: 10px;
}

h3{ margin-left: 10px; padding: 4px;}

.button {
    background-color: #3F37C9; 
    border: 1.8px solid black;  
    color: white;
    padding: 6px 12px;
    text-align: center;
    display: block;
    font-size: 15px;
    margin: 4px 10px;
    cursor: pointer;
    border-radius: 27px; /* de button zou vierkant zijn */
}
    
.button:hover{
    background-color: #023E8A;
}

a{  color: white;
    text-decoration: none;
}
.buttonhome{
    background-color:  #EF7D00;
    padding: 6px 20px;
    text-align: center;
    display: block;
    font-size: 15px;
    margin: 4px 100px;
    cursor: pointer;
    border-radius: 27px; /* de button zou vierkant zijn */
}   

.home1{
    font-weight: 400;
    border: 1.8px solid black;  
    padding: 4px 12px;
    font-size: 15px;
    cursor: pointer;
    border-radius: 27px; 

}   

.home1:hover{
    background-color: #023E8A;
}

.home2{
    background-color:  #EF7D00;
    border: 1.8px solid black;  
    padding: 4px 12px;
    text-align: center;
    font-size: 15px;
    margin: 4px 10px;
    cursor: pointer;
    border-radius: 27px; /* de button zou vierkant zijn maar willen afgerond. rekenuit( 1em + de padding*/
}   

.home2:hover{
    background-color: #023E8A;
}