#HOOFD {
    position: relative;
    width: 500px;
    height: 500px;
    background-color: yellow;
    border-radius: 360px;
    margin: 0 auto;
}


#OOG1 {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: black;
    border-radius: 360px;
    margin: 0 auto;
    top: -350px;
    left: 100px;
}


#OOG2 {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: black;
    border-radius: 360px;
    margin: 0 auto;
    top: -400px;
    left: -100px;
}


#MOND {
    position: relative;
    width: 320px;
    height: 150px;
    background-color: rgb(0, 0, 0);
    border-radius: 50px;
    border: solid;
    border-color: rgb(255, 0, 0);
    border-width: 10px;
    margin: 0 auto;
    top: -350px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    animation: mondbeweging 5s infinite;
}



#tand{
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    margin: 0 auto;
    top: -425px;
    left: -125px;
    
}
#TAND1 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(0, 0, 0);
    margin: 0 auto;
    top: -425px;
    left: -125p


}

#TAND2 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -485px;
    left: -75px;
}

#TAND3 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -547px;
    left: -25px;
}

#TAND4 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -610px;
    left: 25px;
}

#TAND5 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -670px;
    left: 75px;
}

#TAND6 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -730px;
    left: 125px;
}

#TAND7 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -885px;
    left: -125px;
}

#TAND8 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -945px;
    left: -75px;
}

#TAND9 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -1005px;
    left: -25px;
}

#TAND10 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -1069px;
    left: 25px;
}

#TAND11 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -1130px;
    left: 75px;
}

#TAND12 {
    position: relative;
    width: 50px;
    height: 60px;
    background-color: white;
    border-radius: 20px;
    border: solid;
    border-color: rgb(3, 3, 3);
    border-width: 1px;
    margin: 0 auto;
    top: -1190px;
    left: 125px;
}