#Modal {
    transform: translateY(-200px);
    transition: all 0.2s ease-in-out;
}

.modal-div {
    display:none; 
    position:fixed; 
    top:100px; 
    left:0; 
    width:100%; 
    justify-content:center; 
    align-items:center; 
    z-index:9999;
    color: #fff;
}

.modal-inhoud {
    background:#00ff0d21; 
    border: 2px solid #008d0c;
    box-shadow: 0 0 12px 0 #005704;
    padding: 1rem; 
    border-radius:10px;
    width: 400px; 
    max-width:400px;
    text-align:center;
    backdrop-filter: blur(6px);
}.modal-tekst h2 {
    margin: 0;
    text-align: left;
    font-family: Roboto-Black;
}.modal-tekst p {
    margin: 0;
    font-family: Roboto-Regular;
}

#closeModal {
    margin: 0;
    padding: 10px;
    height: 100%;
    background-color: transparent;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: 1.2rem;
    transition: ease-in-out 0.2s all;
}#closeModal i:hover{
    cursor: pointer;
}#closeModal i {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align:middle;
}

.error {
    background: #ff000021;
    border: 2px solid #8d0000;
    box-shadow: 0 0 12px 0 #570000;
}