.arcade {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

@-webkit-keyframes flick {
  0% {
    background-color: #e4eb7e;
  }
  
  20% {
    background-color: #8d2d99;
  }
  
  40% {
    background-color: turquoise;
  }
  
  60% {
    background-color: pink;
  }
  
  80% {
    background-color: #4e35d2;
  }
  
  100% {
    background-color: brown;
  }
}

@keyframes flick {
  0% {
    background-color: #e4eb7e;
  }
  
  20% {
    background-color: #8d2d99;
  }
  
  40% {
    background-color: turquoise;
  }
  
  60% {
    background-color: pink;
  }
  
  80% {
    background-color: #4e35d2;
  }
  
  100% {
    background-color: brown;
  }
}

body {
  -webkit-animation: flick 5s linear 2s infinite;
          animation: flick 5s linear 2s infinite;
  margin-top: 200px;
  display: flex;
  justify-content: center;
  background-color: pink;
}

.ear {
  position: absolute;
  width: 8px;
  height: 15px;
  background-color: #E3B39A;
  border-radius: 50% 50% 0 30px;
  left: -15px;
  top: 55px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  box-shadow: 0px 0px 5px 0 #b07b64  inset,
    -3px -3px 0px 2px #E3B39A,
    -5px -4px 6px 2px #b07b64,
    -5px -7px 1px 8px #E3B39A;
}

.ear2 {
  position: absolute;
  width: 17px;
  height: 30px;
  background-color: #E3B39A;
  border-radius: 0 50% 50% 0;
  right: -12px;
  top: 25px;
  box-shadow: 0px 0px 5px 0 #DFA091  inset;
}

.face {
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  background-color: #f9cfb3;
  box-shadow: 0 1px 2px 0px #89553C;
}

.eb_l {
  background-color: #000;
  width: 25px;
  height: 7px;
  position: absolute;
  top: 30px;
  left: 13px;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  border-radius: 70% 3px 0 0px;
}

.eb_r {
  background-color: #000;
  width: 25px;
  height: 6px;
  position: absolute;
  top: 23px;
  left: 55px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  border-radius: 15px 3px 15px 0px;
}

.eb_r-extention{
  position: absolute;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  background-color: #000;
  width: 10px;
  height: 5px;
  top: 1px;
  left: 19px;
  border-radius: 3px 10px 0px 0;
}

.eye_l {
  width: 25px;
  height: 17px;
  position: absolute;
  border-radius: 40% 40% 5px 5px;
  background-color: #fff;
  top: 42px;
  left: 12px;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  box-shadow: 0px 3px 1px 0px inset, 
    2px 2px 0px 1px #FBC8B3,
    2px 2px 0 1px #AE7C64,
    2px 0px 7px 4px #AE7C64
}

.eye_l:before {
  content: '';
  width: 2px;
  height: 12px;
  position: absolute;
  -webkit-transform: rotate(-60deg);
          transform: rotate(-60deg);
  border-radius: 50% 50% 0 0;
  border-color: #000;
  top: -8px;
  left: 9px;
  box-shadow: -3px -3px 0 0, -7px -5px 0 -0, -11px -8px 0 -0;
}

.eye-ball-l {
  position: absolute;
  top: 3px;
  left: 17px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: -4px 3px 0 5px, -5px 5px 1px 6px #A24C30, -6px 5px 0 7px #887D35;
}

.eye_r {
  width: 25px;
  height: 18px;
  position: absolute;
  border-radius: 40% 40% 5px 6px;
  background-color: #fff;
  top: 35px;
  right: 17px;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  box-shadow: 0px 3px 0px 0px inset,
    0px 3px 0px 0px inset,
    0px 0px 0px 2px #FBC8B3,
    2px 2px 4px 1px #AE7C64;
}

.eye_r:before {
  content: '';
  width: 2px;
  height: 8px;
  position: absolute;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
  border-radius: 50% 50% 0 0;
  border-color: #000;
  top:3px;
  right: 3px;
  box-shadow: -7px -6px 0 -0, -3px -8px 0 0, 0px -7px 0 0px, 3px -7px 0 -0, 5px -6px 0 0px;
}

.eye-ball-r {
  display:inline-block;
  position: absolute;
  top: 6px;
  left: 10px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: -3px 2px 1px 6px #A24C30, -3px 3px 0 7px #887D35;
  z-index: 1;
}

.eye-ball-r:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -10px;
  width: 12px;
  height: 11px;
  border-radius: 5px 5px 50% 50%;
  background-color: #000;
  z-index: 10;
  -webkit-transform: rotateZ(-50deg);
          transform: rotateZ(-50deg);
  box-shadow: 0px 1px 5px 0;
}

.eye-ball-r:after {
  content: '';
  position: absolute;
  top: 1px;
  left: -1px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: #fff;
  z-index: 11;
}

.nose {
  position: absolute;
  top: 65px;
  left: 50px;
  width: 4px; height: 1px;
  background-color: #FBC8B3;
  border-radius: 50%;
  box-shadow: 0 0 2px 2px #ffa7a3, -2px 0 1px 4px #ff9987, -3px 0 1px 4px #A06348;
  -webkit-transform: rotateZ(-10deg);
          transform: rotateZ(-10deg);
  
}

.smile {
  display: block;
  width: 13px;
  height: 5px;
  border-radius: 0 0 50% 50%;
  background-color: #7F0301;
  position: absolute;
  left: 45px;
  top: 78px;
}

.smile:after {
  content: '';
  height: 0;
  width: 0;
  border-left: 1px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: 14px solid #7F0301;
  position: absolute;
  bottom: -1px;
  right: -7px;
  -webkit-transform: rotate(70deg);
          transform: rotate(70deg);
}

.smile:before {
  content: '';
    height: 0;
    width: 0;
    border-left: 1px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 13px solid #7F0301;
    position: absolute;
    bottom: -1px;
    right: 14px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}

.grin {
  width: 40px;
  height: 20px;
  border-radius: 0 0 50px 50px;
  border-bottom: 3px solid #7F0301;
  -webkit-transform: scaleY(0.5) rotate(10deg);
          transform: scaleY(0.5) rotate(10deg);
  position: absolute;
  top: -16px;
  left: -15px;
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

.grin:before {
    content: '';
    display: block;
    width: 3px;
    height: 6px;
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #7F0301;
    position: absolute;
    left: -1px;
    top: 8px;
    -webkit-transform: scaleY(2) rotate(50deg);
            transform: scaleY(2) rotate(50deg);
}

.grin:after {
  content: '';
    display: block;
    width: 3px;
    height: 7px;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid #7F0301;
    position: absolute;
    left: 39px;
    top: 2px;
    -webkit-transform: scaleY(2) rotate(120deg);
            transform: scaleY(2) rotate(120deg);
}

.chin {
  display: inline-block;
  position: absolute;
  width: 25px;
  height: 15px;
  border-radius: 0 0 50% 50%;
  background-color: #f9cfb3;
  top: 86px;
  right: 35px;
  box-shadow: -1px 8px 3px -4px #89553C;
}

.cheek {
  display: inline-block;
  position: absolute;
  width: 28px;
  height: 20px;
  border-radius: 20% 0 0% 80%;
  background-color: #f9cfb3;
  top: 60px;
  right: 75px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  box-shadow: 2px 2px 4px -3px #AE7C64 inset;
}

.cheek-r {
  -webkit-transform: scaleX(-1) rotate(40deg);
          transform: scaleX(-1) rotate(40deg);
  right: -8px;
  background-color: #f9cfb3;
  top: 54px;
  box-shadow: none;
}

.teeth {
  position: absolute;
  width: 18px;
  height: 4px;
  background-color: white;
  top: -1px;
  right: -1px;
  border-radius: 0px 0px 50% 50%;
  z-index: 15;
}

.strand-1 {
  position: absolute;
  z-index: 5;
  width: 70px;
  height: 20px;
  background-color: black;
  border-radius: 20px 60% 50% 0px;
  -webkit-transform: rotate(-42deg);
          transform: rotate(-42deg);
  top: 7px;
  left: -20px;
  box-shadow: 5px 5px 0 -3px black;
}

.h1 {
  position: absolute;
  width: 50px;
  height: 15px;
  background-color: black;
  border-radius: 20px 60% 50% 0px;
  -webkit-transform: rotate(-48deg);
          transform: rotate(-48deg);
  top: 14px;
  left: -24px;
  box-shadow: -28px 4px 0 -5px black;
}

.flick {
  position: absolute;
  width: 38px;
  height: 10px;
  border-radius: 50%;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
  top: 19px;
  left: 35px;
  box-shadow: 0px -3px 0 0px black inset
}

.flick1 {
  position: absolute;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  top: 15px;
  left: 33px;
}

.strand-2 {
  position: absolute;
  z-index: 5;
  width: 50px;
  height: 15px;
  background-color: black;
  border-radius: 50%;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  top: -5px;
  right: 10px;
  box-shadow: 5px 5px 0 -2px black, 5px -4px 0 -2px black;
}

.flick2 {
  position: absolute;
  z-index: 6;
  width: 20px;
  height: 40px;
  border-radius: 60%;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
  top: 3px;
  right: -20px;
  box-shadow: -8px 5px 0 3px black inset;
}

.flick3 {
  position: absolute;
  width: 5px;
  height: 20px;
  border-radius: 60%;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  top: 28px;
  right: -24px;
  box-shadow: -8px 5px 0px 0px black inset,
    4px 5px 1px 0px,
    5px 10px 1px 0px,
    5px 15px 1px 0px,
    0px 30px 0px 0px,
    2px 15px 2px -1px;
}



.hair-puff {
  position: absolute;
  background-color: #000;
  width: 40px;
  height: 30px;
  border-radius: 50% 50% 0 0 ;
  top: -25px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.hair-puff-mid {
  left: 25px;
}

.hair-puff-right {
  width: 45px;
  height: 25px;
  top: -15px;
  right: 5px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}


.hair-puff-left {
  width: 50px;
  height: 25px;
  top: -10px;
  left: -15px;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}

.hair-puff-back {
  width: 25px;
  height: 35px;
  top: 15px;
  left: -23px;
  z-index: -1;
}

.ribbon {
  position: absolute;
  top: -23px;
  
  -webkit-transform: rotate(10deg);
  
          transform: rotate(10deg);
}

.ribbon-curl1 {
  width: 25px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  box-shadow: 
    -1px -2px 3px 0 #000 inset;
}

.ribbon-curl2 {
  position: absolute;
  top: -5px;
  left: 7px;
  width: 25px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  box-shadow: -1px -1px 3px 0 #000 inset,
    8px -6px 0 0 red;    
}

.ribbon-curl3 {
  position: absolute;
  top: 8px;
  left: -3px;
  width: 15px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
  box-shadow: -1px -1px 3px 0 #000 inset,
    1px 1px 3px 0 #000 inset;
}

.ribbon-knot {
  width: 15px;
  height: 25px;
  background-color: red;
  border-radius: 5px 2px 0 10px;
  position: absolute;
  top: -38px;
  right: -15px;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  box-shadow: 1px 1px 3px -1px inset,
    0 5px 0 0 red,
    5px -2px 0 -3px #fff inset,
    -2px -0px 3px -3px #000 inset,
    0px 5px 2px 0px #000;
}

.mirrored {
  -webkit-transform: scale(-1) rotate(-45deg);
          transform: scale(-1) rotate(-45deg);
  left: 10px;
  top: -25px;
  z-index: -1;
}

.pony {
  position: absolute;
  background-color: #000;
  width: 60px;
  height: 50px;
  border-radius: 50% 50% 0 10px;
  top: -60px;
  left: -45px;
  z-index: -2;
}

.pony-tail {
  width: 25px;
  height: 60px;
  background-color: #000;
  border-radius: 20px 0 0 20px;
  position: absolute;
  top: 50px;
  left: 4px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.p-tail {
  width: 40px;
  height: 40px;
  background-color: #000;
  border-radius: 0px 20px 1px 20px;
  position: absolute;
  bottom: -25px;
  left: -2px;
  -webkit-transform: rotate(50deg);
          transform: rotate(50deg);
}

.pony-flix {
  width: 10px;
  height: 30px;
  background-color: #000;
  border-radius: 0px 20px 20px 0px;
  position: absolute;
  bottom: -80px;
  left: 5px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

.pony-flix.f-mirrored {
  -webkit-transform: scale(-1) rotate(10deg);
          transform: scale(-1) rotate(10deg);
  position: absolute;
  top: 110px;
  left: 10px;
}

.neck {
  width: 22px;
  height: 10px;
  border-radius: 2px;
  background-color: #f9cfb3;
  position: absolute;
  bottom: -10px;
  left: 45px;
  z-index: -500000;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

.chest {
  width: 50px;
  height: 58px;
  background-color: #7CAA98;
  position: absolute;
  bottom: -61px;
  right: 10px;
  -webkit-transform: rotate(-16deg);
          transform: rotate(-16deg);
  border-radius: 10px 10px 30% 40%;
  box-shadow: -2px 1px 10px -1px #a5d3c1 inset,
    2px 1px 10px -1px #a5d3c1 inset;
}

.stomach {
  width: 52px;
  height: 35px;
  background-color: #7CAA98;
  position: absolute;
  bottom: -2px;
  right: -2px;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  border-radius: 50% 30% 8px 3px;
/*   border-bottom: 4px solid  */
}

.stomach-pocket-left {
  position: absolute;
  left: 6px;
  top: 15px;
  width: 15px;
  height: 16px;
  border-radius: 0 0 5px 2px;
  box-shadow: -1px 1px 1px -1px,
    1px -1px 1px 0px #a7c9bb inset,
    4px -4px 3px 1px #8bbca9 inset;
  -webkit-transform: rotate(12deg);
          transform: rotate(12deg);
}

.stomach-pocket-mid{
  position: absolute;
  left: 18px;
  top: 30px;
  width: 17px;
  height: 1px;
  box-shadow: 1px 1px 1px -1px,
    -1px -1px 1px 0px #a7c9bb inset,
    -4px -4px 3px 1px #8bbca9;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

.stomach-pocket-right {
  position: absolute;
  right: 4px;
  top: 13px;
  width: 15px;
  height: 16px;
  border-radius: 0 0 5px 2px;
  box-shadow: 1px 1px 1px -1px,
    -1px -1px 1px 0px #a7c9bb inset,
    -4px -4px 3px 1px #8bbca9 inset;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
}

.rim {
  position: absolute;
  left: 0px;
  bottom: -10px;
  width: 55px;
  height: 15px;
  background-color: #8bbca9;
  border-radius: 50% 2px;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
  z-index: -1;
  border-bottom: 2px solid;
}

.collar-left {
  width: 25px;
  height: 10px;
  border-radius: 50%;
  box-shadow: -2px 1px 2px -1px inset,
    -3px 3px 0 0 #7CAA98 inset,
    -5px 4px 0 0 inset;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
  position: absolute;
  left: -4px;
  top: -5px;
}

.collar-right {
  width: 20px;
  height: 5px;
  border-radius: 50%;
  box-shadow: -2px 1px 2px -1px inset,
    -3px 3px 0 0 #7CAA98 inset,
    -5px 4px 0 0 inset;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  position: absolute;
  left: 25px;
  top: -2px;
}

.arm-left {
  width: 53px;
  height: 20px;
  border-radius: 5px 0 0 50%;
  position: absolute;
  bottom: -41px;
  left: -1px;
  background-color: #7caa98;
  -webkit-transform: rotate(-42deg);
          transform: rotate(-42deg);
  z-index: -1;
  box-shadow: -3px -3px 3px -1px #59776b inset,
    6px 5px 3px -1px #59776b inset,
    -7px -9px 4px -1px #a5d3c1 inset,
    17px 4px 4px -1px #a5d3c1 inset;
  
}

.hand-cuff-left {
  width: 22px;
  height: 22px;
  background-color: #59776b;
  border-radius: 10px 50px 5px 0;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  position: absolute;
  top: 1px;
  left:1px;
  box-shadow: -8px -5px 5px 0 #7caa98 inset,
    1px 1px 2px 0px #59776b,
    1px 6px 1px 1px #7caa98;
}

.hand-cuff-right {
  width: 20px;
  height: 25px;
  background-color: #59776b;
  border-radius: 50px 10px 5px 0;
  -webkit-transform: rotate(9deg);
          transform: rotate(9deg);
  position: absolute;
  top: 3px;
  right:2px;
  box-shadow: -8px -5px 5px 0 #7caa98 inset,
    -7px -5px 4px 0 #a7c9bb inset,
    1px 1px 2px 0px #59776b,
    1px 6px 1px 1px #7caa98;
}

.hand-right {
  width: 20px;
  height: 25px;
  border-radius: 5px 4px;
  background-color: #f9cfb3;
  position: absolute;
  right: 8px;
  top: 30px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  z-index: -2;
  box-shadow: 5px 3px 15px 0 #89553C inset;
}

.hand-left {
  width: 23px;
  height: 17px;
  border-radius: 10px 5px 5px;
  background-color: #f9cfb3;
  position: absolute;
  left: 2px;
  top: 24px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  z-index: -2;
  box-shadow: 0 3px 0 0 #f9cfb3,
    -4px 4px 5px 0 #89553C inset;
}

.hand-fold {
  width: 23px;
  height: 18px;
  border-radius: 5px 8px 5px 5px;
  background-color: #f9cfb3;
  position: absolute;
  left: 30px;
  top: 150px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  z-index: 1;
  box-shadow: 0px -1px 2px -1px #000 inset,
    2px -6px 5px -2px #89553C inset;
}

.arm-right {
  width: 45px;
  height: 20px;
  border-radius: 0 5px 30% 0;
  position: absolute;
  bottom: -18px;
  right: -19px;
  background-color: #7caa98;
  z-index: -11;
  box-shadow: -3px -3px 3px -1px #59776b inset,
    2px 2px 3px -1px #59776b inset,
    -7px -7px 4px -1px #a5d3c1 inset,
    17px 4px 4px -1px #a5d3c1 inset;
}

.skirt {
  z-index: -1;
  background-color: #462C25;
  height: 16px;
  width: 6px;
  position: absolute;
  top: 16px;
  left: 2px;
  border: 1px solid #462C25;
  border-radius: 1px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
  box-shadow: 1px 0 0 0 #5b3d35,
     5px -1px 0 0 #462C25,
     6px 0 0 0 #867f7a,
     12px -1px 0 1px #462C25,
     17px -2px 0 1px #5b3d35,
     20px -3px 0 1px #867f7a,
    25px -2px 0 2px #462C25,
     27px -3px 0 2px #5b3d35,
     30px -4px 0 1px #867f7a,
    35px -5px 0 3px #462C25,
    1px 10px 0 0 #5b3d35,
     5px 10px 0 0 #462C25,
     6px 10px 0 0 #867f7a,
     12px 9px 0 1px #462C25,
     17px 8px 0 1px #5b3d35,
     20px 7px 0 1px #867f7a,
    25px 8px 0 2px #462C25,
     27px 7px 0 2px #5b3d35,
     30px 6px 0 1px #867f7a,
    35px 5px 0 3px #462C25;
  
}

.skirt-flare-right {
  background-color: #462C25;
  height: 16px;
  width: 6px;
  position: absolute;
  top: -3px;
  right: -35px;
  border: 1px solid #462C25;
  border-radius: 1px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  box-shadow: -1px 0 0px 0 #5b3d35,
    5px -1px 0 0 #462C25,
     6px 0 0 0 #867f7a,
     12px -1px 0 1px #462C25,
     17px -2px 0 1px #5b3d35,
    
    -1px 10px 0px 0 #5b3d35,
    5px 9px 0 0 #462C25,
     6px 10px 0 0 #867f7a,
     12px 9px 0 1px #462C25,
     17px 8px 0 0px #5b3d35,
    18px 10px 0 0 #867f7a;
}

.skirt-flare-left {
  background-color: #462C25;
  height: 16px;
  width: 6px;
  position: absolute;
  top: -3px;
  left: -8px;
  border: 1px solid #462C25;
  border-radius: 1px;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  box-shadow: -1px 0 0px 0 #5b3d35,
    5px -1px 0 0 #462C25,
     6px 0 0 0 #867f7a,
    
    0px 10px 0px 0 #5b3d35,
    5px 9px 0 0 #462C25,
     6px 10px 0 0 #867f7a;
}

.hair-clip-v {
  width: 5px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 22px;
  background-color: orange;
  z-index: 10;
  box-shadow: -50px -20px 0 0 yellow,
    -50px -40px 0 0 yellow,
    -50px -60px 0 -1px orange,
    5px -20px 0 0px #51AEAB,
    -18px -16px 0 1px #b91b69,
    85px -18px 0 0 #b91b69,
    -24px -8px 0 1px yellow,
    110px 222px 3px 0px #fff,
    110px 226px 3px 0px #fff,
    106px 234px 3px 1px #fff,
    110px 229px 3px 0px #fff,
    
    78px -19px 3px -1px #fff,
    79px -25px 3px -1px #fff,
    77px -12px 3px -1px #fff,
    
    20px -35px 6px -1px #fff,
    25px -35px 5px -1px #fff,
    30px -36px 4px -1px #fff,
    35px -35px 4px -1px #fff,
    
    
    10px -30px 5px -1px #fff,
    15px -33px 5px -1px #fff,
    
    50px -40px 3px -1px #fff,
    55px -40px 3px -1px #fff,
    
    75px -30px 4px -1px #fff,
    70px -32px 4px -1px #fff,
    55px -34px 4px -1px #fff,
    65px -34px 4px -1px #fff,
    60px -35px 4px -1px #fff,
    
    -38px -48px 10px 2px #fff,
    -35px -37px 10px 2px #fff,
    -38px -26px 10px 2px #fff,
    
    83px 40px 15px 1px red,
    83px 45px 15px 1px red,
    80px 32px 15px 1px red,
    
    70px 42px 15px 1px red,
    70px 40px 15px 1px red,
    75px 50px 15px 1px red,
    75px 55px 15px 1px red,
    
    
    8px 45px 15px 2px red,
    15px 55px 15px 2px red,
    18px 52px 15px 2px red,
    65px 115px 0 -1px red,
    70px 111px 0 -1px red;;
}

.hair-clip-h {
  height: 3px;
  width: 5px;
  border-radius: 50%;
  position: absolute;
  left: -5px;
  top: 22px;
  background-color: #51AEAB;
  z-index: 10;
  box-shadow: 
    -30px -76px 0 0 #7CAA98,
     -20px -76px 0 0 orange,
     -3px 23px 0 0 red,
    -13px 15px 0 0 blue,
    -5px -80px 0 -1px #51AEAB,
    -13px 10px 0 0 yellow,
    -12px -10px 0 2px blue,
    97px -13px 0 0 blue,
    94px -20px 0 0 blue,
    65px 242px 3px 1px #fff,
    65px 252px 4px 2px #fff,
    50px 252px 5px 0px #fff,
    
    105px 240px 4px 0px #fff,
    100px 225px 5px 0px #fff,
    117px 220px 4px 1px #fff,
    
    35px -25px 4px 0px #fff,
    30px -24px 4px 0px #fff,
    37px -20px 4px 0px #fff,
    39px -15px 4px 0px #fff,
    
    55px 100px 0 0 red,
    57px 100px 0 0 red,
    67px 100px 0 0 red,
    
    60px 120px 0 0 red,
    73px 115px 0 0 red,
    80px 111px 0 0 red
    
    ;
}

.leg-left {
  width: 23px;
  height: 70px;
  background-color: #fff;
  position: absolute;
  top: 28px;
  left: -17px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  z-index: -2;
  box-shadow: 3px 0 7px 0 #295A43 inset,
    -3px 0 0 0 #75BDAE inset;
}

.rotate-2 {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  left: -20px;
  z-index: -3;
  top: 27px
}

.design {
  width: 10px;
  height: 14px;
  position: absolute;
  right: 2px;
  background-color: #75BDAE;
  box-shadow: -3px 0 3px 0 #71A99C,
    -10px 0 0 0 #295A43,
  3px -1px 4px -1px #295A43 inset;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}

.de1 {
  top: 18px;
}

.de2 {
  top: 36px;
  
}

.de3 {
  top: 54px;
}

.leg-right {
  width: 20px;
  height: 70px;
  background-color: #fff;
  position: absolute;
  top: 28px;
  right: 12px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
  z-index: -2;
  box-shadow: -1px 1px 3px -1px #71A99C inset,
  1px -1px 1px -1px #295A43 inset;
}

.leg-right.small {
  width: 10px;
  height: 40px;
  left: 28px;
  top: 27px;
}

.small .design-right {
  width: 10px;
  box-shadow: 
    1px 18px 0 0 #295A43,
    3px 38px 0 0 #295A43;
}

.design-right {
  width: 20px;
  height: 13px;
  border-radius: 5%;
  box-shadow: 
    2px 18px 0 0 #a5d3c1,
    3px 38px 0 0 #a5d3c1;
  position: absolute;
  top: 8px;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.rotate-1 .design-right {
  box-shadow: 
    1px 18px 0 0 #295A43,
    3px 38px 0 0 #295A43;
}

.design-red {
  width: 21px;
  height: 7px;
  border-radius: 50%;
  box-shadow: -0px -1px 0 0 #7C598A inset;
  position: absolute;
  top: 16px;
  left: -1px;
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

.dr1 {
  top: 37px;
}

.dr2 {
  top: 58px;
}

.rotate-1 {
  -webkit-transform: rotate(22deg);
          transform: rotate(22deg);
  z-index: -3;
  right: 14px;
  top: 27px;
}

.shoe {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 40%;
  box-shadow: 0px 15px 0 -1px,
    0px 20px 0 1px;
  z-index: 1;
  bottom: 1px;
  left: -8px;
}

.shoe-up {
  width: 30px;
  height: 20px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 -25px 0 1px #000,
    -1px -23px 0 1px red;
  z-index: 1;
  bottom: -50px;
}

.shoe-left {
  left: -6px;
  z-index: 30;
  height: 30px;
  bottom: -1px;
  box-shadow: 0px 15px 0 -1px,
    0px 20px 0 1px,
    0px 25px 0 1px #000;
}

.shoe-left .shoe-up { 
  -webkit-transform: rotate(-25deg); 
          transform: rotate(-25deg);
  left: 12px;
  bottom: -48px;
  box-shadow: 0 -25px 0 1px #000,
    0px -23px 0 1px red;
}

.collar-thread {
  width: 2px;
  height: 20px;
  background-color: red;
  position: absolute;
  left: 21px;
  top: 5px;
  box-shadow: 10px -1px 0 0 red;
}

.hood {
  width: 30px;
  height: 40px;
  background-color: #7CAA98;
  position: absolute;
  z-index: -2;
  border-radius: 50%;
  left: 27px;
  bottom: -44px;
  -webkit-transform: rotate(-23deg);
          transform: rotate(-23deg);
  
}