body {
  background: rgb(121, 236, 250);
  background: linear-gradient(180deg,
      rgba(121, 236, 250, 1) 52%,
      rgba(123, 233, 205, 1) 78%);
}

div {
  position: absolute;
}


.pighead {
  background-color: white;
  height: 587px;
  width: 629px;
  position: absolute;
  left: 407px;
  top: 300px;
  border-radius: 58% 42% 49% 51% / 72% 76% 24% 28%;
}


.pigeye.eye1 {
  clip-path: ellipse(25% 44% at 48% 48%);
  height: 105px;
  width: 103px;
  position: absolute;
  left: 509px;
  top: 439px;
  transform: rotate(28deg);
  background-color: #65010d;
}
.ear1 {
  height: 559px;
  width: 605px;
  position: absolute;
  left: 420px;
  top: 315px;
  border-radius: 58% 42% 49% 51% / 72% 76% 24% 28%;
  background-color: #ff7390;
}


.ear2 {
  background: rgb(231, 73, 116);
  background: linear-gradient(180deg, rgba(231, 73, 116, 1) 61%, rgba(230, 25, 80, 1) 100%);
  height: 538px;
  width: 584px;
  position: absolute;
  left: 430px;
  top: 331px;
  border-radius: 58% 42% 49% 51% / 72% 76% 24% 28%;
}
.pigeye.eye2 {
  clip-path: ellipse(25% 44% at 48% 48%);
  height: 105px;
  width: 103px;
  position: absolute;
  left: 856px;
  top: 483px;
  transform: rotate(351deg);
  background-color: #65010d;
}

.pigeye.eye2 ::before {
  clip-path: circle(15.7%);
  content: '';
  height: 28px;
  width: 95px;
  position: absolute;
  left: -1px;
  top: 11px;
  background-color: white;
  color: white;
}

.pigeye.eye1 ::before {
  content: '';
  clip-path: circle(15.7%);
  height: 28px;
  width: 95px;
  position: absolute;
  left: 5px;
  top: 11px;
  background-color: white;
}



.pignose {
  clip-path: ellipse(25% 44%);
  height: 287px;
  width: 415px;
  position: absolute;
  left: 500px;
  top: 494px;
  transform: rotate(96deg);
  background-color: #65010d;
}

.pignose ::before {
  content: '';
  height: 135px;
  width: 112px;
  position: absolute;
  left: 212px;
  top: 81px;
  clip-path: ellipse(25% 44%);
  background-color: #e74974;
}

.pigsmile {
  clip-path: ellipse(25% 44%);
  height: 225px;
  width: 232px;
  position: absolute;
  left: 608px;
  top: 424px;
  transform: rotate(97deg);
  background: #e74974;
}