body {
  background-color: #009973;
  
}
.main {
  width: 356px;
  height: 712px;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4%;
}
.top {
  width: 100%;
  height: 50%;
}
.head {
  width: 100%;
  height: 100%;
  background-color: #CC4400;
  border-radius: 50%;
  
}
.ear-left {
  width: 40%;
  height: 35%;
  background-color: #CC4400;
  border-radius: 50%;
  position: relative;
  top: -12%;
  left: -4%;
  border: black solid 1px;
}
.ear-right {
  width: 40%;
  height: 35%;
  background-color: #CC4400;
  border-radius: 50%;
  position: relative;
  top: -47%;
  left: 64%;
  border: black solid 1px;
  box-shadow: 10px 5px 15px black;
}
.ear-inner {
  width: 75%;
  height: 75%;
  background-color: pink;
  border-radius: 50%;
  position: relative; 
  top: 22%;
  left: 13%;
  border: black solid 1px;
}
.hair {
  width: 5%;
  height: 15%;
  background-color: #CC4400;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.one {
  position: relative;
  top: -80%;
  left: 45%;
  transform: rotate(35deg);
}
.two {
  position: relative;
  top: -97%;
  left: 50%;
  transform: rotate(15deg);
}
.three {
  position: relative;
  top: -110%;
  left: 55%;
  transform: rotate(-10deg);
}
.head-copy {
  width: 100%;
  height: 100%;
  background-color: #CC4400;
  border-radius: 50%;
  position: relative;
  top: -100%;
  border: black solid 1px;
  border-bottom: #CC4400 solid 1px;
  box-shadow: 10px 5px 15px black;
}
.eye-left {
  width: 8%;
  height: 8%;
  background-image: radial-gradient(closest-side at 60% 25%, white 25%, black 25%);
  border-radius: 50%;
  position: relative;
  top: 30%;
  left: 30%;
  box-shadow: 5px 5px 5px black;
}
.eye-right {
  width: 8%;
  height: 8%;
  background-image: radial-gradient(closest-side at 60% 25%, white 25%, black 25%);
  border-radius: 50%;
  position: relative;
  top: 22%;
  left: 60%;
  box-shadow: 5px 5px 5px black;
}
.mouth {
  width: 70%;
  height: 56%;
  background-color: pink;
  border-radius: 50%;
  position: relative;
  top: 23%;
  left: 15%;
  border: black solid 1px;
  box-shadow: 10px 5px 15px black;
}
.nose {
  width: 30%;
  height: 18%;
  background-image: radial-gradient(closest-side at 60% 25%, white 25%, black 25%);
  border-radius: 50%;
  position: relative;
  top: 21%;
  left: 35%;
  box-shadow: 5px 5px 5px black;
}
.line {
  width: 2%;
  height: 45%;
  background-color: black;
  position: relative;
  top: 19%;
  left: 49%;
}
.circ-left {
  width: 20%;
  height: 40%;
  border-radius: 50%;
  position: relative;
  top: -16%;
  left: 31%;
  border-bottom: black solid 8px;
}
.circ-right {
  width: 20%;
  height: 40%;
  border-radius: 50%;
  position: relative;
  top: -60%;
  left: 49%;
  border-bottom: black solid 8px;
}
.bot {
  width: 100%;
  height: 55%;
  margin-top: -22%;
}
.body {
  width: 100%;
  height: 100%;
  background-color: #CC4400;
  border-radius: 35%;
  border: black solid 1px;
  box-shadow: 10px 5px 15px black;
}
.arm-left {
  width: 30%;
  height: 65%;
  background-color: #CC4400;
  border-radius: 40%;
  transform: rotate(50deg);
  position: relative;
  top: 4%;
  left: -23%;
  border: black solid 1px;
  border-top: #CC4400 solid 1px;
  box-shadow: 5px 5px 10px black;
}
.leg-left {
  width: 40%;
  height: 70%;
  background-color: #CC4400;
  border-radius: 50%;
  transform: rotate(50deg);
  position: relative;
  top: 4%;
  left: -25%;
  border: black solid 1px;
  border-top: #CC4400 solid 1px;
  box-shadow: 5px 5px 10px black;
}
.arm-right {
  width: 30%;
  height: 65%;
  background-color: #CC4400;
  border-radius: 40%;
  transform: rotate(-50deg);
  position: relative;
  top: -132%;
  left: 93%;
  border: black solid 1px;
  border-top: #CC4400 solid 1px;
  box-shadow: -5px 5px 10px black;
}
.leg-right {
  width: 40%;
  height: 70%;
  background-color: #CC4400;
  border-radius: 50%;
  transform: rotate(-50deg);
  position: relative;
  top: -130%;
  left: 86%;
  border: black solid 1px;
  border-top: #CC4400 solid 1px;
  box-shadow: -5px 5px 10px black;
}
.foot {
  width: 65%;
  height: 35%;
  background-color: pink;
  border-radius: 50%;
  position: relative;
  top: 61%;
  left: 18%;
  border: black solid 1px;
}