body {
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  font-family: Arial, sans-serif;
}
.figure {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.body{
  position: absolute;
  height: 310px;
  width: 100px;
  background-color: #9f4114;
  top: -155px;
  left: -50px;
}
.lefteye{
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: white;
  top: -120px;
  left: -47px;
}
.lefteyeball{
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: black;
  top: -115px;
  left: -42px;
}
.righteye{
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background-color: white;
  top: -120px;
  left: 6px;
}
.righteyeball{
  position: absolute;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: black;
  top: -115px;
  left: 11px;
}
.nose{
  position: absolute;
  font-size: 25px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background-color: transparent;
  top: -75px;
  left: -2px;
}
.mouth{
  position: absolute;
  font-size: 25px;
  height: 30px;
  width: 30px;
  transform: rotate(90deg);
  border-radius: 50%;
  background-color: transparent;
  top: -45px;
  left: -12px;
}
.lefthand{
  position: absolute;
  transform: rotate(25deg);
  height: 100px;
  width: 30px;
  background-color: #9f4114;
  top: 20px;
  left: -72px;
}
.righthand{
  position: absolute;
  transform: rotate(-25deg);
  height: 100px;
  width: 30px;
  background-color: #9f4114;
  top: 20px;
  left: 43px;
}
.bat{
  position: absolute;
  
  transform-origin: 50% 0%;
  width: 50px;
  height: 220px;
  background: #a66702;
  clip-path: polygon(50% 0%, 40% 100%, 100% 100%);
  top: 85px;
  left: -97px;
  animation: swing 0.8s infinite ease-in-out alternate;
}
.leftleg{
  position: absolute;
  height: 100px;
  width: 30px;
  background-color: #9f4114;
  top: 155px;
  left: -37px;
}
.rightleg{
  position: absolute;
  height: 100px;
  width: 30px;
  background-color: #9f4114;
  top: 155px;
  left: 8px;
}
.leftfoot{
  position: absolute;
  height: 30px;
  width: 50px;
  background-color: #9f4114;
  top: 225px;
  left: -67px;
}
.rightfoot{
  position: absolute;
  height: 30px;
  width: 50px;
  background-color: #9f4114;
  top: 225px;
  left: 18px;
}

@keyframes swing {
  0% {
    transform: rotate(45deg);
  }
  100% {
    transform: rotate(0deg);
  }
}