.dot {
    height: 500px;
    width: 500px;
    background-color: #eef123;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 10px;
  } 

  .eye2 {
    height: 70px;
    width: 70px;
    background-color: #000000;
    border-radius: 50%;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 100px;
    left: 310px;
  } 
  .eye1 {
    height: 70px;
    width: 70px;
    background-color: #000000;
    border-radius: 50%;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 100px;
    left: 125px;
  } 
  .black {
    height: 180px;
    width: 280px;
    background-color: #000000;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 230px;
    left: 115px;
    outline: #ff0000;
    outline-style: solid;
    outline-width: 14px;
  } 
  .gums1 {
    height: 40px;
    width: 270px;
    background-color: #851d1d;
    border-radius:  150px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 230px;
    left: 125px;
  } 
  .gums2 {
    height: 40px;
    width: 270px;
    background-color: #851d1d;
    border-radius: 150px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 370px;
    left: 125px;
  } 
  .teeth1 {
    height: 85px;
    width: 40px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 325px;
    left: 115px;
}
.teeth2 {
    height: 85px;
    width: 48px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 325px;
    left: 157px;
}
.teeth3 {
    height: 85px;
    width: 48px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 325px;
    left: 207px;
}
.teeth4 {
    height: 85px;
    width: 48px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 325px;
    left: 257px;
}
.teeth5 {
    height: 85px;
    width: 48px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 325px;
    left: 307px;
}
.teeth6 {
    height: 85px;
    width: 40px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 325px;
    left: 357px;
}
.teeth7 {
    height: 85px;
    width: 38px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 225px;
    left: 357px;
}
.teeth8 {
    height: 85px;
    width: 48px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 225px;
    left: 307px;
}
.teeth9 {
    height: 85px;
    width: 48px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 225px;
    left: 257px;
}
.teeth10 {
    height: 85px;
    width: 48px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 225px;
    left: 207px;
}
.teeth11 {
    height: 85px;
    width: 48px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 225px;
    left: 157px;
}
.teeth12 {
    height: 85px;
    width: 40px;
    background-color: #ffffff;
    border-radius: 15px;
    display: inline-block;
    margin: 100,100 auto;
    position: absolute;
    top: 225px;
    left: 115px;
}
#topteeth {
    width: 274px;
    height: 85px;
    position:absolute;
    animation: MoveTopTeeth 5s infinite;
}
@keyframes MoveTopTeeth {
    0% {
        transform:translateY(-5px);
        
    }
    50% {
        transform: translateY(0px);
        
    }
    100% {
        transform: translateY(-5px);
        
    }
}
#bottomteeth {
    width: 274px;
    height: 85px;
    position:absolute;
    animation: MoveBotTeeth 5s infinite;
}
@keyframes MoveBotTeeth {
    0% {
        transform:translateY(-8px);
        
    }
    50% {
        transform: translateY(-15px);
        
    }
    100% {
        transform: translateY(-8px);
        
    }
}
    .Butternot{
        position:absolute;
        top: 550px;
        left:  0px;
    }