.parentsbox {
  width: 600px;
  height: 630px;
  border: 1px solid black;
  background: #b3a394;
  border-radius: 40px;
  z-index: -1;
}

.parentsbox::before {
  content: "";
  width: 300px;
  height: 150px;
  border: 1px solid black;
  background: #3084b0;
  border-radius: 0 0 40px 40px;
  position: absolute;
  z-index: 3;
  left: 9.9%;
  top: 55%;
}

.parentsbox::after {
  content: 'Widhyastanto Ramadhian - 0706012210043';
  border: 1px solid black;
  padding: 15px;
  border-radius: 5px;
  position: absolute;
  top: 80%;
  left: 15%;
}

.pighead {
  height: 550px;
  width: 300px;
  background-color: #ffc625;
  border-radius: 200px;
  position: relative;
  top: 6%;
  left: 24%;
  z-index: 2;
}

.pigear {
  height: 50px;
  width: 0px;
  position: relative;
  z-index: 3;
  top: -60%;
}

.ear1 {
  border-right: 60px solid #4b3d3a;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: 24%;
}

.ear2 {
  border-left: 60px solid #4b3d3a;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  left: 64%;
  top: -71%;
}

.eye1 {
  color: white;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: 2px solid rgb(129, 129, 129);
  background: #b9630f;
  position: relative;
  display: inline-block;
  left: 40.25%;
  top: -85.1%;
  z-index: 4;
}

.eye1::before {
  content: "";
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid #663707;
  background: rgb(0, 0, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.eye2 {
  color: #ffc625;
  height: 175px;
  width: 175px;
  background-color: #faf1e7;
  border: 20px solid #786860;
  border-radius: 50%;
  position: relative;
  left: 31%;
  top: -110%;
  z-index: 3;
}

.pignose {
  color: #b3a394;
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 80px solid #000;
  position: relative;
  transform: rotate(-30deg);
  z-index: 1;
  top: -160.6%;
  left: 42.5%;
}

.pignose::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 80px solid #000;
  position: absolute;
  transform: rotate(60deg);
}

.pigsmile {
  width: 200px;
  height: 100px;
  border: 20px solid #775a0a;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 50%;
  position: relative;
  left: 32.5%;
  top: -130%;
  z-index: 3;
}