#cirkel {
    width: 600px;
    height: 600px;
    background-color: yellow;
    border-radius: 300px;
    margin: 0 auto;
    position: relative;
}
#cirkel2 {
width: 100px;
height: 100px;
background-color: black;
border-radius: 200px;
position: relative;
top: -450px;
left: 450px;
} 
#cirkel3 {
width: 100px;
height: 100px;
background-color: black;
border-radius: 200px;
position: relative;
top: -550px;
left: 800px;
}
#cirkel4 {
width: 400px;
height: 200px;
background-color: red;
border-radius: 50px;
position: relative;
top: -500px;
left: 475px; 
}
#cirkel5 {
width: 375px;
height: 175px;
background-color: brown;
border-radius: 50px;
position: relative;
top: -690px;
left: 485px;
}
#cirkel6 {
width: 350px;
height: 150px;
background-color: black;
border-radius: 50px;
position: relative;
top: -850px;
left: 495px;
}

#tand2 {
width: 50px;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -900px;
left: 525px;
}
#tand3 {
width: 50px;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -975px;
left: 577px;
}
#tand4 {
width: 50px;
height: 75px;
background-color: white;
border-radius:50px;
position: relative;
top: -1050px;
left: 630px;
}
#tand5 {
width: 50px;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -1125px;
left: 683px;
}
#tand6 {
width:50px ;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -1200px;
left: 736px;
}
#tand7 {
width: 50px ;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -1125px;
left: 525px;
}


#tand8{
width:50px ;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -1200px;
left: 788px; 
}
#tand9 {
width:50px ;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -1275px;
left: 736px; 
}
#tand10 {
width:50px ;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -1350px;
left: 683px; 
}
#tand11 {
width:50px ;
height: 75px;
background-color: white;
border-radius: 50px;
position: relative;
top: -1425px;
left: 630px; 
}
#tand12 {
width:50px ;
height: 75px;
background-color: rgb(255, 255, 255);
border-radius: 50px;
position: relative;
top: -1500px;
left: 577px; 
}

#tand1 {
    width: 50px;
    height: 75px;
    background-color: white;
    border-radius: 50px;
    position: relative;
    top: -100px;
    left: 525px;
    }

    #tandextra {
        width: 50px;
        height: 75px;
        background-color: white;
        border-radius: 50px;
        position: relative;
        top: -1275px;
        left: 787px;

    }

#tandenboven {
    width: 180px;
    height: 100px;
    background: rgb(255, 255, 255);
    position: relative;
    animation: tandenboven 5s infinite;
}
@keyframes tandenboven {
0% {top: 0px;}
25% {top: 30px;}
50% {top: -10px;}
}

#tandenonder {
width: 180px;
height: 100px;
background: rgb(255, 255, 255);
position: relative;
animation: tandenonder 5s infinite
}

@keyframes tandenonder {
0% {top: 0px;}
25% {top: -30px;}
50%  {top: 10px;}
}    

#klik{
    position: relative;
    top: -1000px;
    left: 100px;
}