/* https://coolors.co/000000-5f9ea0-731dd8-f4f4ed-c490d1 */


body {
    background-color: #f5f5f5;
    padding: 0px;
    margin: 0px;
    /*font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;*/
    font-family: Arial, Helvetica, sans-serif;

    

    /* 1 april
    filter: blur(8px);
    -webkit-filter: blur(8px);
    */
}

.wiskunde {
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.invul {
    border: none;
    background-color: #f4f4ed;
    border-bottom: #333;
    border-bottom-style:dotted;
    border-bottom-width: 3px;
}

.background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: none; /* no-repeat center center; */
    background-size: cover;
    filter: blur(10px);
    z-index: -1;
}

button:hover {
    transform: translate(0, -1.5px);
}

.menu-onderdeel {
    height: fit-content;
}

.dark-mode {
    background-color: rgb(36, 35, 34);
    color: #f5f5f5;

    button {
        background-color: #111;
        color: #f5f5f5;
    }

    textarea {
        background-color: #333;
        color: #f5f5f5;
    }

    input {
        background-color: #333;
        color: #f5f5f5;
        border: none;
        
    }
    .invul {
        color: #8888ee;
        background-color: rgb(36, 35, 34);
        border-bottom: #f5f5f5;
        border-bottom-style:dotted;
        border-bottom-width: 3px;
    }

    select {
        background-color: #333;
        color: #f5f5f5;
    }


    /* .titel_div {
        background-image: url(../media/afbeeldingen/nasa-Q1p7bh3SHj8-unsplash.png);
    } */

    nav {
        background-color: #333;

        ul {
            background-color: #333;
        }

        li a:hover {
            background-color: #111;
          }
    
        li ul{
            display: none;
            background-color: #333;
        }

        ul a {
            color: #f5f5f5;
        }
        
    }


  }
textarea {
    background-color: #bbb
}


.algemeen {
    margin-left: 15%;
    margin-right: 15%;
}



.titel_div {
    
    h1 {
        font-size: 96px;
        padding: 0px;
        margin: 0px;
    }

    

    color: #334563;
    width: 100%;
    background-color: #a7d6f1;
    
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-align: center;
    /* background-image: url(../media/afbeeldingen/nasa-Zzc0vZE2JZI-unsplash.png); */
    background-size: 100%;
    height: 175px;
}

nav {
    background-color: #6b7280;
    width: 100%;
    li {
        height: fit-content;
        
        
    }
}

nav {

    .menu_lijst {
        margin-left: 15%;
        width: 70%;
        background-color: #6b7280;
        
    }

    ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: #d4d4cd;

        

        
    }

    a {
        display: block;
        color: #f5f5f5;
        font-weight: bold;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

    .menu_knop {
        float: left;
    }


    li {
        display: block;
        height: fit-content;
    }

    li a:hover {
        background-color: #1e2a38;
      }

    li ul{
        display: none;
        background-color: #6b7280;
    }

    li:hover ul {
        display:block;
        position: absolute;
        z-index: 2;

    }

    li:hover ul a {
        text-align: left;
    }



}