body{
    background-color: rgb(255, 255, 255);
}

#rondje{
    height: 500px;
    width: 500px;
    border-radius: 500px;
    background-color: yellow;
    position: relative;
    left: 400px;
    top: 100px;
}
#oog1{
    height: 100px;
    width: 100px;
    border-radius: 100px;
    background-color:black;
    position:relative;
    left: 700px;
    top: -300px;
}
#oog2{
    height: 100px;
    width: 100px;
    border-radius: 100px;
    background-color: black;
    position: relative;
    left: 500px;
    top: -400px;
}
#mond{
    height: 150px;
    width: 220px;
    border-radius: 20px;
    background-color: rgb(255, 0, 0);
    position: relative;
    left: 540px;
    top: -700px;
    animation: mond 5s infinite;
   
}
#mondzwart{
    height: 140px;
    width:210px ;
    border-radius: 20px;
    background-color: black;
    position: relative;
    top: -470px;
    left: 545px;
    animation: mondzwart 5s infinite;
    
}
#tandvlees1{
    height: 40px;
    width: 200px;
    border-radius: 10px;
    background-color: darkred;
    position: relative;
    top: -615px;
    left: 550px;
    animation: tandvlees1 5s infinite;

}
#tandvlees2{
    height: 40px;
    width: 200px;
    border-radius: 10px;
    background-color: darkred;
    position: relative;
    top: -555px;
    left: 550px;

}
#tand1{
    width: 50px;
    height: 60px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: -695px;
    left: 550px;
}
#tand2{
    width: 50px;
    height: 60px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position:relative;
    top: -755px;
    left: 600px;
}
#tand3{
    width: 50px;
    height: 60px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position:relative;
    top: -855px;
    left: 550px;
}
#tand4{
    width: 50px;
    height: 60px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position:relative;
    top: -915px;
    left: 600px;
}
#tand5{
    width: 50px;
    height: 60px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position:relative;
    top: -815px;
    left: 650px;
}
#tand6{
    width: 50px;
    height: 60px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position:relative;
    top: -875px;
    left: 700px;
}
#tand7{
    width: 50px;
    height: 60px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position:relative;
    top: -975px;
    left: 700px;
}
#tand8{
    width: 50px;
    height: 60px;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    position:relative;
    top: -1035px;
    left: 650px;
}
#tanden_boven{
    position: relative;
    animation: tanden_boven 5s infinite;
}


    

@keyframes tanden_boven{
    0% {top:0px;}
    50% {top:20px;}
    100%{top: 0px;}
  }
  @keyframes mond{
    0% {top:-330px;}
    50% {top:-310px;}
    100%{top: -330px;}
  }
  
 
  
  @keyframes tandvlees1{
    0% {top:-617px;}
    50% {top:-597px;}
    100%{top: -617px;}

  }
  @keyframes mondzwart{
    0% {top: -477px;}
    50% {top:-457px;}
    100%{top: -477px;}

  }