#hoofd {
  background-color: yellow;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  margin: auto;
  box-shadow: 60px 60px 290px;
}

 #cirkel1 {
  background-color: rgb(0, 0, 0);
  height: 120px;
  width: 120px;
  border-radius: 50%;
  left: 165px;
  top: 200px;
  position: relative;
}

 #cirkel2 {
  background-color: rgb(0, 0, 0);
  height: 120px;
  width: 120px;
  border-radius: 50%;
  left: 525px;
  top: 76px;
  position: relative;
}

  #cirkel2, #cirkel1{
    transition: transform 0.5s;
    animation: blink 3s ease-in-out 2s infinite;
  }


 #mond {
  background-color: rgb(0, 0, 0);
  width: 365px;
  height: 220px;
  left: 205px;
  top: 200px;
  position: relative;
  border: solid;
  border-radius: 20px;
  border-width: 15px;
  border-color: red;
  animation: mymove 3s infinite;
  transition: transform 0.5 ease-in-out;
}

 #tandvlees-boven {
  background-color: rgb(212, 77, 77);
  height: 30px;
  width: 365px;
  left: 0px;
  top: 0px;
  border-radius: 1px;
  position: relative;
  animation: lissi 3s ease-in-out infinite;
  transition: transform 0.5s ease-in-out;
}

 #tandvlees-onder {
  background-color: rgb(212, 77, 77);
  height: 30px;
  width: 365px;
  left: 0px;
  top: 160px;
  border-radius: 1px;
  position: relative;
  animation: lis 3s ease-in-out infinite;
  transition: transform 0.5s ease-in-out;
}

@keyframes blink {
  0%{
    transform: scale(1);
  }

  25%{
    transform: scale(0.1);
  }

  50%{
    transform: scale(1);
  }

  75%{
    transform: skew(180deg);
  }

  100%{
    transform: skew(0deg);
  }
}


@keyframes mymove{
  0%{
    transform: scaleY(1);
  }
  
  50%{
    transform: scaleY(0.6);
  }

  100%{
    transform: scaleY(1);
  }
}

@keyframes lissi {
  0% {transform: translateY(0px);
  }
  50% {transform: translateY(20px);}
     100% {transform: translateY(0px);
}
}

@keyframes lis {
  0% {transform: translateY(0px);
  }
  50% {transform: translateY(-25px);}
     100% {transform: translateY(-0px);
}
}


@keyframes updown {
  0% {transform: translateY(-60px);
  }
  50% {transform: translateY(-40px);}
     100% {transform: translateY(-60px);
}
}

@keyframes downup {
  0% {transform: translateY(-60px);
  }
  50% {transform: translateY(-85px);}
     100% {transform: translateY(-60px);
  }
}

#rijtanden_boven {
  position: relative;
  animation: updown 3s ease-in-out infinite;
  transition: transform 0.5s ease-in-out;
}

#rijtanden_beneden {
  position: relative;
  animation: downup 3s ease-in-out infinite;
  transition: transform 0.5s ease-in-out;
}


 .tand-boven1 {
  background-color: white;
  border-style: solid;
  border-radius: 25%;
  height: 80px;
  width: 58px;
  position: absolute;
  left: 0px;
  top: 0px;
  border-top-left-radius: 6px;
  border-width: 2px;
}

 #tand-boven2 {
  background-color: white;
  border-style: solid;
  border-radius: 25%;
  height: 80px;
  width: 60px;
  position: absolute;
  left: 62px;
  top: 0px;
  border-width: 2px;
}

 #tand-boven3 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 85px;
  width: 60px;
  position: absolute;
  left: 124px;
  top: 0px;
  border-width: 2px;
}

 #tand-boven4 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 85px;
  width: 60px;
  position: absolute;
  left: 186px;
  top: 0px;
  border-width: 2px;
}

 #tand-boven5 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 80px;
  width: 60px;
  position: absolute;
  left: 248px;
  top: 0px;
  border-width: 2px;
}

 .tand-boven6 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 80px;
  width: 49px;
  position: absolute;
  left: 312px;
  top: 0px;
  border-top-right-radius: 6px;
  border-width: 2px;
}

 .tand-onder1 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 80px;
  width: 58px;
  position: absolute;
  left: 0px;
  top: 137px;
  border-bottom-left-radius: 6px;
  border-width: 2px;
}

 #tand-onder2 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 80px;
  width: 60px;
  position: absolute;
  left: 62px;
  top: 137px;
  border-width: 2px;
}

 #tand-onder3 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 85px;
  width: 60px;
  position: absolute;
  left: 124px;
  top: 132px;
  border-width: 2px;
}

 #tand-onder4 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 85px;
  width: 60px;
  position: absolute;
  left: 186px;
  top: 132px;
  border-width: 2px;
}

 #tand-onder5 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 80px;
  width: 60px;
  position: absolute;
  left: 248px;
  top: 137px;
  border-width: 2px;
}

 .tand-onder6 {
  background-color: white;
  border-style: solid;
  border-radius: 20px;
  height: 80px;
  width: 49px;
  position: absolute;
  left: 312px;
  top: 137px;
  border-bottom-right-radius: 6px;
  border-width: 2px;
}