/** dit moet er altijd staan **/
*, *::before, *::after {box-sizing: border-box;}

:root{
    background-color: #FFFDFF;
    font-family: "Montserrat", sans-serif;
    line-height: 1.6;
    scroll-behavior: smooth;
}

body{
    margin: 0;
}

.container{
    max-width: 80rem;
    margin: 0rem auto;
    padding: 0rem 1rem;

}
header{
    color: #FFFDFF;
}
nav ul{
    margin: 0rem;
    padding: 0;
    list-style: none;
    background-color: rgb(14, 14, 177);

}
nav a{
    display:inline-block;

    color: inherit;
    text-decoration: none;
    
    
}
/** als ge over de nav gaat verandert het in deze kleur**/
nav a:hover{
    background-color: rgb(74, 204, 204);
}
/** verandert de 2de li in een andere kleur **/
nav ul li:nth-child(2){
    background-color: rgb(243, 185, 195);
}