body {
  margin: 0;
  padding: 0;
  background: linear-gradient(to top, #1b4d6e 0%, #04273e 100%);
}
.container {
  position: relative;
  width: 100%;
  height: 800px;
  overflow-x: hidden;
}
.star {
  position: absolute;
  top: 3%;
  left: 20%;
  width: 4px;
  height: 4px;
  background-color: #ffe738;
  border-radius: 50%;
  box-shadow: 0 0 5px 1px #ffe738;
}
.star-two {
  top: 18%;
  left: 26%;
}
.star-three {
  top: 16%;
  left: 55%;
}
.star-four {
  top: 7%;
  left: 45%;
}
.star-five {
  top: 3%;
  left: 93%;
}
.star-six {
  top: 11%;
  left: 7%;
}
.star-seven {
  top: 5%;
  left: 70%;
}
.moon {
  position: absolute;
   top: 3.5em;
   left: 67%;
   width: 70px;
   height: 70px;
   border-radius: 50%;
   box-shadow: 25px 5px 0 #ffe738;
  transform: rotate(7deg);
   z-index: 3;
}
 .owl-ears {
   position: absolute;
   top: 12%;
   left: 50%;
   transform: translateX(-50%);
   width: 240px;
   height: 180px;
   border-radius: 50%;
   box-shadow: 0 130px 0 15px #00ad99;
   z-index: 0;
 }
.owl-body {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 290px;
  height: 290px;
  background-color: #00ad99;
  border-radius: 55% 55% 55% 55% / 70% 70% 38% 38%;
}
.body-middle {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  width: 260px;
  height: 210px;
  background-color: #00e5ca;
  background-image: radial-gradient(rgba(255,255,255,1) 20%, transparent 22%),
                    radial-gradient(rgba(255,255,255,1) 20%, transparent 22%);
  background-size: 44px 44px;
  background-position: 0 0, 22px 22px;
  border-radius: 50%;
}
.eye {
  position: absolute;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 2;
}
.eye-left {
  top: 40%;
  left: calc(50% - 77px);
  box-shadow: -2px 2px 3px -2px #666;
}
.eye-left:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 35px;
  width: 35px;
  height: 35px;
  background-color: #774725;
  border-radius: 50%;
}
.eye-left:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 57px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.eye-right {
  top: 40%;
  left: calc(50% - 2px);
  box-shadow: 2px 2px 3px -2px #666;
}
.eye-right:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 35px;
  width: 35px;
  height: 35px;
  background-color: #774725;
  border-radius: 50%;
}
.eye-right:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 57px;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 50%;
}
.nose {
  position: absolute;
  top: 46.5%;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  border-radius: 40% 15%;
  background-color: #ff7221;
  transform: rotate(135deg);
  box-shadow: 1px -1px 2px -1px #666;
  z-index: 1;
}
.wing {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 90% 0%;
  background-color: #ff3273;
  z-index: 3;
}
.wing-left {
  top: 49%;
  left: 50%;
  transform: translateX(-117%) rotate(117deg);
}
.wing-right {
  top: 49%;
  left: 50%;
  transform: translateX(17%) rotate(-27deg);
}
.foot {
  position: absolute;
  top: 70%;
  width: 26px;
  height: 40px;
  background-color: #ff7221;
  z-index: -1;
}
.foot-left {
  left: calc(50% - 40px);
}
.foot-right {
  left: calc(50% + 15px);
}
.finger {
  position: absolute;
  bottom: -42%;
  width: 15px;
  height: 25px;
  background-color: #ff7221;
  border-radius: 7px;
}
.foot-left .finger:nth-child(1){
  left: -20%;
}
.foot-left .finger:nth-child(2){
  left: 25%;
  bottom: -50%;
}
.foot-left .finger:nth-child(3){
  left: 68%;
}
.foot-right .finger:nth-child(1){
  left: -20%;
}
.foot-right .finger:nth-child(2){
  left: 25%;
  bottom: -50%;
}
.foot-right .finger:nth-child(3){
  left: 68%;
}
.stick {
  position: absolute;
  top: 74.5%;
  width: 100%;
  height: 18px;
  background-color: #774725;
  z-index: -2;
}
.leaf {
  box-sizing: -box;
  position: absolute;
  top: 76.8%;
  left: calc(50% - 120px);
  width: 40px;
  height: 40px;
  border-radius: 90% 0%;
  background-color: #00ad99;
  border: 1px solid #00e5ca;
  border-width: 0 0 9px 9px;
  z-index: 3;
}