/*cat dangle*/
.dangle {
  position:absolute;
  left:100px;
  height: 10px;
  width: 25%;
  /*border:2px solid;*/
}

.cat {
  position: absolute;
  top: -50px;
  right: 50px;
  opacity: 1;
}
.cat__face {
  position: absolute;
  top: 32px;
  left: 0;
  width: 18px;
  height: 16px;
  border-radius: 50%;
  background-color: #000;
}
.cat__face:before, .cat__face:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 8px solid #000;
  border-right: 14px solid transparent;
  border-left: 2px solid transparent;
}
.cat__face:before {
  top: -3px;
  left: -1px;
  -webkit-transform: rotate(-14deg);
          transform: rotate(-14deg);
}
.cat__face:after {
  top: 1px;
  left: 10px;
  -webkit-transform: rotate(54deg);
          transform: rotate(54deg);
}
.cat__body {
  position: absolute;
  top: 39px;
  left: 4px;
  width: 40px;
  height: 20px;
  border-radius: 50%;
  background-color: #000;
}
.cat__body:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 8px solid #000;
  border-right: 14px solid transparent;
  border-left: 2px solid transparent;
}
 
.cat__tail {
  position: absolute;
  top: 48px;
  left: 39px;
  width: 9px;
  height: 38px;
  background-color: black;
/*  border-top-left-radius: 70%;*/
  border-top-right-radius: 50%;
  border-bottom-right-radius: 20%;
  border-bottom-left-radius: 80%;
}

.cat__tail:after {
content: "";
position: absolute;
bottom: 0px;
right: 0px;
width: 5px;
height: 5px;
background-color:black;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
-webkit-animation-name: tailflick; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
animation-name: tailflick;
animation-duration: 2s;
animation-fill-mode: forwards;
animation-iteration-count: 25;
}

 /* Safari 4.0 - 8.0 */
@-webkit-keyframes tailflick {
  0%   {background-color: transparent; bottom:0; right:0;}
  25% {background-color: black; bottom:0; right:2px;}
  50% {background-color: black; bottom:0; right:-2px;}
  100% {background-color: transparent; bottom:0; right:0;}
}

/* Standard syntax */
@keyframes tailflick {
  0%   {background-color: transparent; bottom:0; right:0;}
  25% {background-color: black; bottom:0; right:2px;}
  50% {background-color: black; bottom:0; right:-2px;}
  100% {background-color: transparent; bottom:0; right:0;}
}
/*end cat*/