.container{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 300px;
    transform: translate(-50%,-50%);
}

.person{
    position: absolute;
    top: 0;
    left: 0;
    /*transform-style: preserve-3d;*/
    transform-origin: 0 0 150px;
    /*transform: rotateX(100deg);*/
    width: 200px;
    height: 300px;
    animation: persona1 .5s linear infinite,persona2 3s linear infinite;
}

.head{
    position: absolute;
    top: 0;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translate(-50%,0);
    background-color: deeppink;
    border-radius: 50%;
}

.head .mouse{
    width: 30%;
    height: 30%;
    /*background-color: aliceblue;*/
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translate(-50%,0);
    border-bottom: solid 6px aliceblue;
    border-radius: 50%;
}

.head:before,.head:after{
    content: '';
    position: absolute;
    top: 20%;
    left: 50%;
    width: 5px;
    height: 15px;
    background-color: aliceblue;
    z-index: 999;
    border-radius: 50%;
}

.head:before{
    transform: translate(-350%,0);
}

.head:after{
    transform: translate(50%);
}

.body{
    z-index: 999;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 100px;
    height: 100px;
    background-color: deeppink;
    border-radius: 40% 40% 10% 10%;
    transform: translate(-50%);
}

.body .arm1,.body .arm2{
    position: absolute;
    top: 0;
    width: 100px;
    height: 150px;
    background-color: orange;
    transform-origin: 100% 0;
    transition: 1s;
}

.body .arm1{
    right: 85%;
    animation: arma1 1s linear infinite;
    clip-path: polygon(96.8% 5.5%,98.4% 7.7%,63.8% 44.7%,31% 11.5%,33% 9.4%,63.8% 38.7%);
}

.body .arm2{
    z-index: -999;
    right: 30%;
    clip-path: polygon(96.8% 5.5%,98.4% 7.7%,63.8% 44.7%,31% 11.5%,33% 9.4%,63.8% 38.7%);
    animation: arma2 1s linear infinite;
    transform: rotate(-90deg);
}

.body .leg1,.body .leg2{
    position: absolute;
    top: 100%;
    left: -20%;
    width: 200%;
    height: 100%;
    transition: 1s;
    background-color: darkorange;
}

.body .leg1{
    /*left: ;*/
    animation: lega1 1s linear infinite;
    clip-path: polygon(35.2% 7%,33% 5%,3.6% 25.6%,28.2% 44.6%,31% 43%,7.6% 25.6%);
}
.body .leg2{
    /*left: 0;*/
    animation: lega2 1s linear infinite;
    clip-path: polygon(35.8% 4%,33% 5%,54.8% 25.2%,80.8% 38.8%,82.4% 36.4%,57% 23.4%);
}

@keyframes arma1 {
    50%{
        transform: rotate(-90deg);
    }
}
@keyframes arma2 {
    50%{
        transform: rotate(0);
    }
}

@keyframes lega1 {
    50%{
        clip-path: polygon(35.8% 4%,33% 5%,54.8% 25.2%,80.8% 38.8%,82.4% 36.4%,57% 23.4%);
    }
}
@keyframes lega2 {
    50%{
        clip-path: polygon(35.2% 7%,33% 5%,3.6% 25.6%,28.2% 44.6%,31% 43%,7.6% 25.6%);
    }
}

@keyframes persona1 {
    50%{
        top: 5%;
    }
}

@keyframes persona2 {

    to{
        transform: rotateY(360deg);
    }
}