#blok2{background-color: yellow;
height: 500px;
width: 500px;
border-radius: 500px;
position: absolute;
top:120px;
left: 500px;
}
#blok3{background-color: black;
height: 80px;
width: 80px;
border-radius: 100px;
position: absolute;
top: 250px;
left: 610px;
animation-name: knipperen;
animation-duration: 10s;
animation-iteration-count: infinite;
z-index: 80;
}
#blok4{background-color: black;
    height: 80px;
    width: 80px;
    border-radius: 100px;
position: absolute;
top: 250px;
left: 810px;
animation-name: knipperen;
animation-duration: 10s;
animation-iteration-count: infinite;
z-index: 80;
}

#blok5{background-color: black;
    height: 100px;
    width: 200px;
position: absolute;
top: 450px;
left:665px ;
animation-name: mond;
animation-iteration-count: infinite;
animation-duration: 10s;
border-radius: 15px 15px 15px 15px;
border: 2px solid black;
outline: #f51e1e solid 10px;
margin: auto;  

}

#blok6{
background-color: rgb(255, 255, 255);
width: 40px;
height: 50px;
z-index: 100;
animation-name: tanden1;
animation-duration: 10s;
animation-iteration-count: infinite;
position: absolute;
top: 450px;
left: 665px;
border-radius: 10px 10px 10px 10px ;
}
#blok7{background-color: rgb(255, 255, 255);
    width: 40px;
    height: 50px;
    z-index: 100;
    animation-name: tanden1;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
top: 450px;
left: 708px;
border-radius: 10px 10px 10px 10px ;
    }
#blok8{background-color: rgb(255, 255, 255);
    width: 40px;
    height: 50px;
    z-index: 100;
    animation-name: tanden1;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
top: 450px;
left: 752px;
border-radius: 10px 10px 10px 10px ;
}
    
#blok9{background-color: rgb(255, 255, 255);
    width: 40px;
    height: 50px;
    z-index: 100;
    animation-name: tanden1;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    top: 450px;
left: 795px;
border-radius: 10px 10px 10px 10px ;
}
    
#blok10{background-color: rgb(255, 255, 255);
    width: 28px;
    height: 50px;
    z-index: 100;
    animation-name: tanden2;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    top: 450px;
left: 840px;
border-radius: 10px 10px 10px 10px ;
}
    
#blok11{background-color: rgb(255, 255, 255);
    width: 40px;
    height: 50px;
    z-index: 100;
    animation-name: tanden;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    top: 504px;
left: 665px;
border-radius: 10px 10px 10px 10px ;}
    
#blok12{background-color: rgb(255, 255, 255);
    width: 40px;
    height: 50px;
    z-index: 100;
    animation-name: tanden;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    top: 504px;
left: 708px;
border-radius: 10px 10px 10px 10px ;
}

#blok13{background-color: rgb(255, 255, 255);
    width: 40px;
    height: 50px;
    z-index: 100;
    animation-name: tanden;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    top: 504px;
left: 752px;
border-radius: 10px 10px 10px 10px ; }
#blok14{background-color: rgb(255, 255, 255);
    width: 40px;
    height: 50px;
    z-index: 100;
    animation-name: tanden;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    top: 504px;
left: 795px;
border-radius: 10px 10px 10px 10px ;}
#blok15{background-color: rgb(255, 255, 255);
    width: 28px;
    height: 50px;
    z-index: 100;
    animation-name: tanden3;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    position: absolute;
    top: 504px;
left: 840px;
border-radius: 10px 10px 10px 10px ;}

#blok16{background-color: #e35252;
position: absolute;
height: 20px;
width: 205px;
top: 450px;
left:665px ;
z-index: 80;
border-radius: 10px 10px 10px 10px ;
animation-name: tandvlees1;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}
#blok17{background-color: #e35252;
    position: absolute;
    height: 20px;
    width: 205px;
    top: 534px;
    left:665px ;
    z-index: 80;
    border-radius: 10px 10px 10px 10px ;
    animation-name: tandvlees;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    }   
#pupils{background-color: aliceblue; 
    height: 40px;
    width: 40px;
    border-radius: 15px 15px 15px 15px ;
    animation-name: spin,example,knipperen;
    animation-duration: 1ms;
    animation-iteration-count: infinite;
position: absolute;
top: 270px;
left: 830px; 
z-index: 90;
}


#pupils1{background-color: aliceblue;
    height: 40px;
    width: 40px;
    border-radius: 15px 15PX 15PX 15px;
    animation-name: spin,example,knipperen;
    animation-duration: 1ms;
    animation-iteration-count: infinite;
    position: absolute;
    top: 270px;
    left: 630px;
    z-index: 90;
}

    @keyframes example { 0%   {background-color: red;}
    10%  {background-color: rgb(255, 115, 0);}
    20%  {background-color: rgb(9, 255, 0);}
    30% {background-color: rgb(0, 191, 255);}
    40% {background-color:rgb(255, 151, 255) ;}
    50% {background-color: blueviolet;}
    60% {background-color:rgb(255, 151, 255) ;}
    70% {background-color: rgb(0, 191, 255);}
    80%  {background-color: rgb(9, 255, 0);}
    90%  {background-color: rgb(255, 115, 0);}
    100%  {background-color: rgb(242, 33, 22);} 
}

@keyframes mond { 
0% {width: 200px;
height: 100px;}   
50% {width: 200px;
height: 0px;} 
}

@keyframes tandvlees{
0% {top: 535px;}
50% {top: 450px;}
60% {height: 0px;
width: 205px;}

} 
@keyframes tandvlees1 {
    0% {width: 205px;
    height: 20px;}
    50%{width: 205px; height: 0px;}
}
@keyframes tanden { 
0% {top: 504px;}
50% {top: 450px;}
60% {width: 40px;
height: 0px;}

}@keyframes tanden3 { 
    0% {top: 504px;}
    50% {top: 450px;}
    60% {width: 28px;
    height: 0px;}
    
    }
@keyframes tanden1 {
0% {width: 40px;
    height: 50px;}    
 
60% {width: 40px;
    height: 0px;}
}
@keyframes tanden2{
    0% {width: 28px;
        height: 50px;}    
     
    60% {width: 28px;
        height: 0px;}
    }

body{
    animation-name: example;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

@keyframes spin { 0% {transform: rotate(0deg);}
   10% {transform: rotate(36deg);}
    20%{transform: rotate(72deg);}
    30%{transform: rotate(108deg);}
    40%{transform: rotate(144deg);}
    50%{transform: rotate(180deg);}
    60%{transform: rotate(216deg);}
    70%{transform: rotate(252deg);}
    80%{transform: rotate(288deg);}
    90%{transform: rotate(324deg);}
    100%{transform: rotate(360deg);}
}
@keyframes knipperen {
0% {width: 80px;
height: 80px;}
40% {position: absolute;
top: 288px;}
50% {width: 80px;
height: 5px;}
}