.smiley {
    background-color: yellow;
    height: 300px;
    width: 300px;
    border-radius: 100%;    
    margin: 0 auto;
}
.oog1 {
    background-color: black;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    left: 620px;
    top: -250px;
    position: relative;
}
.oog2 {
    background-color: black;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    position: relative;
    top: -300px;
    left: 520px;
}
.mond {
    background-color: red;
    height: 100px;
    width: 175px;
    border-radius: 15%;
    top: -250px;
    left: 510px;
    position: relative;
    animation: bono2 5s infinite;
}
@keyframes bono2 {
  0% {top: -250px; height: 100px;}
  100% {top: -250px; height: 20px;}  
}
.zwart {
    background-color: black;
    height: 90px;
    width: 165px;
    border-radius: 15%;
    left: 515px;
    top: -345px;
    position: relative;
    animation: BINGO 5s infinite;
}
@keyframes BINGO {
    0% {top: -345px; height: 90px;}
    100% {top: -265px; height: 10px;}  
  }

.tandvlees {
    background-color: darkred;
    border-radius: 15%;
    height: 25px;
    width: 170px;
    position: relative;
    animation: miau 5s infinite;
    top: -435px;
    left: 512px;
}
@keyframes miau {
0% {top: -435px;}
20% {top: -405px;}
21% {top: 1000px}
100%{top: 1000px;}
}
.tandesvlees {
    background-color: darkred;
    height: 25px;
    width: 165px;
    border-radius: 15%;
    position: relative;
    animation: gizzy 5s infinite;
    top: -395px;
    left: 512px; 
}
@keyframes gizzy {
    0% {top: -395px;}
    20% {top: -425px;}
    21% {top: 1000px}
    100%{top: 1000px;}
    }
.tand1 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME_2 5s infinite;
    top: -420px;
    left: 520px;
}
@keyframes NAME_2 {
    0% {top: -420px;}
    20% {top: -450px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand2 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME_1 5s infinite;
    top: -450px;
    left: 654px;
}
@keyframes NAME_1 {
    0% {top: -450px;}
    20% {top: -480px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand3 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME_9 5s infinite;
    top: -480px;
    left: 626px;
}
@keyframes NAME_9 {
    0% {top: -480px;}
    20% {top: -510px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand4 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME_8 5s infinite;
    top: -510px;
    left: 599px;
}
@keyframes NAME_8 {
    0% {top: -510px;}
    20% {top: -540px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand5 {
    background-color: rgb(255, 255, 255);
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME_7 5s infinite;
    top: -540px;
    left: 572px;
}

@keyframes NAME_7 {
    0% {top: -540px;}
    20% {top: -570px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand6 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME_6 5s infinite;
    top: -570px;
    left: 546px;
}
@keyframes NAME_6 {
    0% {top: -570px;}
    20% {top: -600px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand7 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME5 5s infinite;
    top: -668px;
    left: 655px;
}
@keyframes NAME5{
    0% {top: -668px;}
    20% {top: -638px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand8 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME4 5s infinite;
    top: -698px;
    left: 630px;
}
@keyframes NAME4{
    0% {top: -698px;}
    20% {top: -668px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand9 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME3 5s infinite;
    top: -728px;
    left: 602px;
}
@keyframes NAME3{
    0% {top: -728px;}
    20% {top: -698px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand10 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
        animation: NAME2 5s infinite;
    top: -758px;
    left: 574px;
}
@keyframes NAME2{
    0% {top: -758px;}
    20% {top: -728px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand11 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME1 5s infinite;
    top: -758px;
    left: 546px;
}
@keyframes NAME1{
    0% {top: -788px;}
    20% {top: -758px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}
.tand12 {
    background-color: white;
    height: 30px;
    width: 25px;
    border-radius: 15%; 
    position: relative;
    animation: NAME 5s infinite;
    top: -818px;
    left: 518px;
}

@keyframes NAME{
    0% {top: -818px;}
    20% {top: -788px;}
    21% {top: 1000px}
    100%{top: 1000px;}
}