@keyframes updown {
    0% {transform: translateY(0px);
    }
   
 100%  { transform: translateY(100px); 
}
}




#gezicht {
background-color: yellow;
width: 900px;
height: 900px;
border-radius: 450px;
margin: 0 auto;
}

.oog1 {
background-color: black;
width: 120px;
height: 120px;
border-radius: 60px;
left: 210px;
top: 200px;
position: relative;
}

.oog2 {
    background-color: black;
    width: 120px;
    height: 120px;
    border-radius: 60px;
    left: 570px;
    top: 83px;
    position: relative;
   
}

#mond {
    background-color: rgb(0, 0, 0);
    width: 425px;
    height: 250px;
    left: 238px;
    top: 200px;
    position: relative;
    border: solid;
    border-radius: 10px;
    border-width: 10px;
    border-color: red;
    border-radius: 10%;
    
}

#tandvlees1 {
    background-color: rgb(238, 124, 124);
    height: 30px;
    width: 425px;
    left: 0px;
    top: 60px;
    position: relative;
    border-radius: 250px;
    animation: updown 3s ease-in-out infinite;
}

#tandvlees2 {
    background-color: rgb(238, 124, 124);
    height: 30px;
    width: 425px;
    left: 0px;
    top: 190px;
    position: relative;
    border-radius: 250px;
    animation: downup 3s ease-in-out infinite;
}

#tand-boven1 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 0px;
    top: 0px;
    
}

#tand-boven2 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 70px;
    top: 0px;

}

#tand-boven3 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 140px;
    top: 0px;
}

#tand-boven4 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 210px;
    top: 0px;
}

#tand-boven5 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 280px;
    top: 0px;
}

#tand-boven6 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 350px;
    top: 0px;
}

#tand-onder1 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 0px;
    top: 160px;
}

#tand-onder2 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 70px;
    top: 160px;
}

#tand-onder3 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 140px;
    top: 160px;
}

#tand-onder4 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 210px;
    top: 160px;
}

#tand-onder5 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 280px;
    top: 160px;
}

#tand-onder6 {
    background-color: white;
    height: 75px;
    width: 65px;
    position: absolute;
    border-style: solid;
    border-color: black;
    border-radius: 20px;
    border-width: 5px;
    left: 350px;
    top: 160px;
}

@keyframes updown {
    0% {transform: translateY(-60px);
    }
    100% {transform: translateY(120px)
    }
}
@keyframes downup {
    0% {transform: translateY(-60px);
    }
    50% {transform: translateY(-120px)
    }
    100% {transform: translateY(-60px)

}


    





#rijtanden_boven{
    position: relative;
    animation: updown 3s ease-in-out infinite;
}


#rijtanden_beneden {
    position: relative;
    animation: downup 3s ease-in-out infinite;
}