.body {
    border-radius: 50%;
    border-color: black;


    border: solid 20px;

    background-color: #F1A2C6;
    height: 550px;
    width: 650px;

    position: absolute;
    left: 150px;
    top: 50px;

    z-index: 1;

}

.left-hand {
    border-radius: 40%;
    border-color: black;
    border: solid 20px;
    background-color: #F1A2C6;
    height: 250px;
    width: 200px;
    position: absolute;
    left: 92px;
    top: 260px;
    transform: rotate(60deg);
    z-index: 2;
}

.right-hand {
    border-radius: 40%;
    border-color: black;
    border: solid 20px;
    background-color: #F1A2C6;
    height: 250px;
    width: 200px;
    position: absolute;
    left: 635px;
    top: 262px;
    transform: rotate(75deg);
    z-index: -1;
}

.invisible-circle {
    border-radius: 50%;
    background-color: #F1A2C6;
    height: 350px;
    width: 144px;
    position: absolute;
    left: 213px;
    top: 191px;
    z-index: 2;
    transform: rotate(-11deg);
}

.shadow {
    border-radius: 50%;
    background-color: #955d76;
    height: 80px;
    width: 800px;
    position: absolute;
    left: 77px;
    top: 600px;
    z-index: -2;
}

.mouth {
    border-radius: 40%;
    border-color: black;
    border: solid 10px;
    background-color: #F1A2C6;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 529px;
    top: 338px;
    z-index: 3;
    transform: rotate(-11deg);
}

.circle1 {
    border-radius: 50%;
    background-color: #F1A2C6;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 31px;
    top: 9px;
    z-index: 3;
}

.circle2 {
    border-radius: 50%;
    background-color: #F1A2C6;
    height: 50px;
    width: 50px;
    position: absolute;
    left: -28px;
    top: 9px;
    z-index: 3;
}

.circle3 {
    border-radius: 50%;
    background-color: #F1A2C6;
    height: 50px;
    width: 50px;
    position: absolute;
    left: -1px;
    top: 30px;
    z-index: 3;
}

.left-cheek {
    border-radius: 50%;
    background-color: #D56C9A;
    height: 50px;
    width: 100px;
    position: absolute;
    left: 336px;
    top: 323px;
    z-index: 2;
    transform: rotate(-11deg);
}

.right-cheek {
    border-radius: 50%;
    background-color: #D56C9A;
    height: 50px;
    width: 100px;
    position: absolute;
    left: 647px;
    top: 272px;
    z-index: 2;
    transform: rotate(-11deg);
}

.footl {

    position: absolute;
    width: 20%;
    height: 9%;
    background: #D56C9A;
    border-radius: 44% 56% 63% 37% / 78% 59% 41% 22%;
    left: 13%;
    bottom: 9.5%;
    border: 1rem solid black;
}

.footr {

    position: absolute;
    width: 20%;
    height: 9%;
    background: #D56C9A;
    border-radius: 42% 58% 35% 65%/54% 82% 18% 46%;
    right: 47%;
    bottom: 10%;
    border: 1rem solid black;
    z-index: -1;
}

.eyel1 {
    position: absolute;
    background: black;
    width: 5%;
    height: 23%;
    border-radius: 50%;
    top: 21%;
    left: 27.5%;
    transform: rotate(351deg);
    z-index: 4;

}

.eyel2 {
    position: absolute;
    background: rgb(30, 7, 181);
    width: 3%;
    height: 12%;
    border-radius: 50%;
    top: 30%;
    left: 28.8%;
    transform: rotate(351deg);
    z-index: 4;
}



.eyel4 {
    position: absolute;
    background: rgb(0, 0, 0);
    width: 3%;
    height: 12%;
    border-radius: 50%;
    top: 28%;
    left: 28.5%;
    transform: rotate(351deg);
    z-index: 4;
}

.eyel5 {
    position: absolute;
    background: rgb(255, 255, 255);
    width: 3%;
    height: 12%;
    border-radius: 50%;
    top: 25%;
    left: 28.4%;
    transform: rotate(351deg);
    z-index: 5;
}

.eyer1 {
    position: absolute;
    background: black;
    width: 5%;
    height: 23%;
    border-radius: 50%;
    top: 20%;
    left: 36.5%;
    transform: rotate(351deg);
    z-index: 4;

}

.eyer2 {
    position: absolute;
    background: rgb(30, 7, 181);
    width: 3%;
    height: 12%;
    border-radius: 50%;
    top: 29%;
    left: 37.8%;
    transform: rotate(351deg);
    z-index: 4;
}



.eyer4 {
    position: absolute;
    background: rgb(0, 0, 0);
    width: 3%;
    height: 12%;
    border-radius: 50%;
    top: 27%;
    left: 37.6%;
    transform: rotate(351deg);
    z-index: 4; 
}

.eyer5 {
    position: absolute;
    background: rgb(255, 255, 255);
    width: 3%;
    height: 12%;
    border-radius: 50%;
    top: 24%;
    left: 37.5%;
    transform: rotate(351deg);
    z-index: 5;
}

.vejda1 {
    content: '';
    width: 8%;
    height: 0.75rem;
    background: black;
    position: absolute;
    border-radius: 30%;
    z-index: 9;
    transform: rotate(33deg);
    top: 25%;
    left: 26.25%;
}

.nadvejda {
    content: '';
    width: 8%;
    height: 1.75rem;
    background: #F1A2C6;
    position: absolute;
    border-radius: 30%;
    z-index: 9;
    transform: rotate(33deg);
    top: 21%;
    left: 26.25%;

}



.vejda2 {
    content: '';
    width: 7.5%;
    height: 0.75rem;
    background: black;
    position: absolute;
    border-radius: 30%;
    z-index: 9;
    transform: rotate(134deg);
    top: 23%;
    left: 34.6%;
}

.nadvejda1 {
    content: '';
    width: 8%;
    height: 1.75rem;
    background: #F1A2C6;
    position: absolute;
    border-radius: 30%;
    z-index: 9;
    transform: rotate(134deg);
    top: 19%;
    left: 34%;

}

.animation {

    background-color: #000000;
    height: 200px;
    width: 20px;
    position: absolute;
    left: 927px;
    top: 138px;
    transform: rotate(45deg);
    z-index: 10;


    animation-name: example;
    animation-duration: 5s;
}

@keyframes example {
    0%   {background-color:black; left:0px; top:0px;}
    /* 25%  {background-color:black; left:200px; top:0px;}
    50%  {background-color:black; left:200px; top:200px;}
    75%  {background-color:black; left:500px; top:200px;} */
    100% {background-color:black; left:927px; top:138px;}
  }