body {
  background: url("https://tse4.mm.bing.net/th?id=OIP.wsJ2TFhKLxo8TfCUYh5rLAHaE8&pid=Api&P=0") repeat fixed center;
}

.container {
  width: 600px;
  height: 600px;
  margin-top: 100px;
}

.earLeft {
  background-color: #B36541;
  width: 50px;
  height: 80px;
  position: absolute;
  top: 235px;
  left: 260px;
  border-radius: 50%;
  border: 5px solid black;
  transform: rotate(-35deg);
}
.earLeftInner {
  background-color: #5E3A2E;
  width: 75%;
  height: 80%;
  position: relative;
  top: 10px;
  left: 5px;
  border-radius: 50%;
  border-right: 5px solid black;
  border-top: 3px solid black;
}

.earRight {
  background-color: #B36541;
  width: 50px;
  height: 80px;
  position: absolute;
  top: 235px;
  left: 460px;
  border-radius: 50%;
  border: 5px solid black;
  border-bottom: 2px solid #B36541;
  transform: rotate(40deg);
  z-index: 10;
}
.earRightInner {
  background-color: #5E3A2E;
  width: 70%;
  height: 60%;
  position: relative;
  top: 10px;
  left: 6px;
  border-radius: 100% 80% 100% 0%;
  border-left: 5px solid black;
  border-top: 3px solid black;
  transform: rotate(-12deg);
}

.head {
  background-color: #B36541;
  width: 300px;
  height: 315px;
  position: absolute;
  top: 265px;
  left: 245px;
  border: 5px solid black;
  border-radius: 40% 50% 50% 40%;
  z-index: 10;
}
.headCheek {
  background-color: #B36541;
  width: 270px;
  height: 200px;
  border-left: 5px solid black;
  border-bottom: 5px solid black;
  border-top: 5px solid #B36541;
  border-right: 4px solid #B36541;
  border-radius: 45%;
  position: relative;
  top: 100px;
  left: -67px;
  transform: rotate(25deg);
}
.headCheekCover {
  background-color: #B36541;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 116px;
  left: 197px;
  transform: rotate(-35deg);
  border-radius: 50%;
}
.headFace {
  width: 100%;
  height: 60%;
  position: relative;
  top: -140px;
}
.headFaceLBrow {
  background-color: #261a0d;
  width: 35px;
  height: 18px;
  position: relative;
  top: -20px;
  left: 25px;
  border: 3px solid black;
  border-radius: 100% 30% 20% 10%;
  transform: rotate(-15deg);
}
.headFaceRBrow {
  background-color: #261a0d;
  width: 48px;
  height: 18px;
  position: relative;
  top: -33px;
  left: 130px;
  border: 3px solid black;
  border-radius: 20% 100% 10% 30%;
  transform: rotate(20deg);
}
.headFaceLEye {
  background-color: white;
  width: 38px;
  height: 50px;
  position: relative;
  top: -35px;
  left: 30px;
  border-radius: 100% 100% 50% 20%;
  border-left: 5px solid black;
  border-top: 5px solid black;
  transform: rotate(-7deg);
}
.headFaceLEyePupil {
  background-color: #301E10;
  width: 28px;
  height: 40px;
  border-radius: 50% 50% 20% 50%;
  border: 3px solid black;
  position: absolute;
  top: 4px;
  left: 7px;
}
.headFaceLEyePupilDot {
  background-color: white;
  width: 6px;
  height: 8px;
  border-radius: 50% 40% 30% 50%;
  position: relative;
  top: 4px;
  left: 16px;
  transform: rotate(-20deg);
}
.headFaceREye {
  background-color: white;
  width: 65px;
  height: 60px;
  position: relative;
  top: -80px;
  left: 110px;
  border-radius: 100% 100% 70% 40%;
  border-right: 5px solid black;
  border-top: 5px solid black;
  border-left: 2px solid black;
  transform: rotate(17deg);
}
.headFaceREyePupil {
  background-color: #301E10;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 3px solid black;
  position: absolute;
  top: 2px;
  left: 9px;
}
.headFaceREyePupilDot {
  background-color: white;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: relative;
  top: 1px;
  left: 23px;
  transform: rotate(-20deg);
}
.headFaceNoseL {
  background-color: #ffd699;
  width: 120px;
  height: 85px;
  border-radius: 50%;
  border: 5px solid black;
  border-right: none;
  position: absolute;
  top: 55px;
  left: -20px;
  transform: rotate(-5deg);
}
.headFaceNoseR {
  background-color: #ffd699;
  width: 150px;
  height: 85px;
  border-radius: 50%;
  border: 5px solid black;
  border-left: 5px solid #ffd699;
  position: absolute;
  top: 55px;
  left: 30px;
  transform: rotate(5deg);
}
.headFaceNoseRCover {
  background-color: #ffd699;
  width: 165px;
  height: 45px;
  position: relative;
  top: 25px;
  left: -42px;
  border-radius: 50%;
  transform: rotate(-15deg);
}
.headFaceNoseMid {
  background-color: #261a0d;
  width: 95px;
  height: 60px;
  border-radius: 40%;
  border: 5px solid black;
  position: absolute;
  top: 42px;
  left: 28px;
}
.headFaceToothL {
  background-color: white;
  width: 30px;
  height: 40px;
  position: relative;
  top: -52px;
  left: 44px;
  transform: rotate(-10deg);
  border-left: 5px solid black;
  border-bottom: 5px solid black;
  border-radius: 0% 30%;
}
.headFaceToothR {
  background-color: white;
  width: 30px;
  height: 40px;
  position: relative;
  top: -95px;
  left: 75px;
  transform: rotate(-2deg);
  border-right: 5px solid black;
  border-bottom: 5px solid black;
  border-radius: 30% 0%;
}
.headFaceToothMid {
  background-color: black;
  width: 15px;
  height: 38px;
  position: relative;
  top: -15px;
  left: 62px;
}
.headCover {
  background-color: #B36541;
  width: 90px;
  height: 80px;
  position: absolute;
  top: 222px;
  left: 140px;
  border-radius: 40%;
}

.hairL {
  background-color: #B36541;
  width: 55px;
  height: 40px;
  position: absolute;
  top: 232px;
  left: 325px;
  z-index: 11;
  border-radius: 0% 100%;
  border-top: 5px solid black;
  border-left: 5px solid black;
  border-bottom: none;
}
.hairR {
  background-color: #B36541;
  width: 55px;
  height: 40px;
  position: absolute;
  top: 232px;
  left: 355px;
  z-index: 10;
  border-radius: 0% 100%;
  border-top: 5px solid black;
  border-left: 5px solid black;
  transform: rotate(35deg);
}
.hairCover {
  background-color: #B36541;
  width: 43px;
  height: 40px;
  position: absolute;
  top: 260px;
  left: 358px;
  border-radius: 50% 50% 0% 0%;
  z-index: 12;
}

.armBack {
  background-color: #B36541;
  clip-path: polygon(84% 51%, 0% 100%, 100% 100%);
  width: 220px;
  height: 190px;
  border-radius: 30% 20% 10% 30%;
  position: absolute;
  top: 472px;
  left: 260px;
  transform: rotate(-10deg);
  z-index: 2;
  border-top: 5px solid black;
  border-bottom: 5px solid black;
  border-left: 5px solid #B36541;
  border-right: 5px solid #B36541;
}
.armBackLine {
  background-color: black;
  width: 700px;
  height: 5px;
  position: relative;
  top: 95px;
  left: -180px;
  transform: rotate(-27deg);
  z-index: 5;
}

.handOne {
  background-color: #B36541;
  clip-path: polygon(100% 33%, 55% 0%, 0% 27%, 1% 31%, 36% 31%, 1% 35%, 0 46%, 36% 41%, 0% 50%, 0% 55%, 4% 58%, 28% 58%, 46% 53%, 59% 50%, 57% 58%, 52% 65%, 49% 68%, 52% 73%, 57% 73%, 63% 69%, 99% 53%);
  width: 70px;
  height: 65px;
  position: absolute;
  top: 633px;
  left: 250px;
  z-index: 6;
}
.handOneBg {
  width: 85px;
  height: 50px;
  background-color: black;
  border-radius: 30% 50% 50% 30%;
  position: absolute;
  top: 632px;
  left: 245px;
  transform: rotate(-15deg);
}

.handTwo {
  background-color: #B36541;
  clip-path: polygon(100% 32%, 86% 19%, 54% 1%, 47% 2%, 3% 20%, 36% 20%, 0% 22%, 0% 25%, 0% 31%, 6% 35%, 13% 33%, 37% 33%, 33% 34%, 27% 36%, 19% 37%, 11% 38%, 1% 39%, 0 46%, 3% 47%, 6% 50%, 10% 56%, 20% 56%, 31% 52%, 38% 51%, 48% 47%, 62% 49%, 68% 50%, 76% 49%, 90% 46%, 98% 40%);
  width: 70px;
  height: 65px;
  position: absolute;
  top: 703px;
  left: 430px;
  z-index: 6;
}
.handTwoBg {
  width: 68px;
  height: 42px;
  background-color: black;
  border-radius: 30% 50% 50% 30%;
  position: absolute;
  top: 703px;
  left: 425px;
  transform: rotate(-15deg);
}

.armFront {
  background-color: #B36541;
  width: 100px;
  height: 150px;
  border-radius: 10% 0% 30% 50%;
  position: absolute;
  top: 555px;
  left: 515px;
  transform: rotate(-15deg);
  z-index: 4;
  border-top: #B36541 5px solid;
  border-bottom: 5px solid black;
  border-left: 5px solid black;
  border-right: 5px solid black;
}
.armFrontFore {
  background-color: #B36541;
  clip-path: polygon(84% 51%, 0% 100%, 100% 100%);
  width: 180px;
  height: 250px;
  position: relative;
  top: -80px;
  left: -65px;
  border: 5px solid black;
  border-radius: 50% 20%;
  transform: rotate(10deg);
}
.armFrontLine {
  background-color: black;
  width: 62px;
  height: 5px;
  position: relative;
  top: -135px;
  left: -55px;
  transform: rotate(-28deg);
  z-index: 5;
}

.bod {
  position: relative;
  top: 300px;
  left: 50px;
}
.bodFront {
  background-color: #B36541;
  width: 400px;
  height: 240px;
  border-radius: 50%;
  position: relative;
  top: 10px;
  left: -60px;
  z-index: 2;
  border: 5px solid black;
}
.bodBack {
  background-color: #B36541;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  position: absolute;
  top: -55px;
  left: 200px;
  z-index: 2;
  border: 5px solid black;
  border-width: 8px;
}
.bodBackLeg {
  background-color: #B36541;
  width: 205px;
  height: 105px;
  border: 5px solid black;
  border-radius: 40% 0% 20% 40%;
  position: absolute;
  top: 185px;
  left: 240px;
  transform: rotate(-35deg);
  z-index: 0;
}
.bodBackLegToe {
  background-color: #B36541;
  width: 40px;
  height: 30px;
  border-radius: 40% 10% 10% 40%;
  position: relative;
  top: 35px;
  left: -8px;
  border-left: 5px solid black;
  border-top: 3px solid black;
  border-bottom: 3px solid black;
}
.bodMid {
  background-color: #B36541;
  width: 360px;
  height: 255px;
  border-radius: 30% 20% 10% 30%;
  position: absolute;
  top: -28px;
  left: 68px;
  transform: rotate(-15deg);
  z-index: 3;
  border-top: 5px solid black;
  border-bottom: 5px solid black;
  border-left: 5px solid #B36541;
  border-right: #B36541;
}
.bodMidCorrect {
  background-color: #B36541;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 16px;
  left: 305px;
  border-radius: 0% 50% 0% 0%;
}
.bodMidCover {
  background-color: #B36541;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  position: relative;
  top: 69px;
  left: 148px;
  transform: rotate(55deg);
  z-index: 4;
  border-bottom: 5px solid black;
  border-left: 5px solid black;
}
.bodMidBelly {
  background-color: #ffd699;
  width: 270px;
  height: 65px;
  border-radius: 40% 20% 40% 50%;
  position: relative;
  top: -47px;
  left: -85px;
  transform: rotate(14deg);
  z-index: 3;
  border-bottom: 7px solid black;
  border-right: 5px solid black;
}

.tail {
  position: relative;
  top: -340px;
  left: 480px;
}
.tailTop {
  background-color: #261a0d;
  width: 255px;
  height: 330px;
  border: 5px solid black;
  border-radius: 30% 20% 50% 10%;
  position: absolute;
  top: 20px;
  left: -15px;
  transform: rotate(-10deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000' fill-opacity='0.8'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.tailBot {
  background-color: #261a0d;
  width: 285px;
  height: 145px;
  border-radius: 40% 20% 50% 40%;
  position: absolute;
  top: 225px;
  left: -20px;
  transform: rotate(-45deg);
  border-left: 5px solid black;
  border-bottom: 5px solid black;
  border-top: solid 5px #261a0d;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23000' fill-opacity='0.8'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}