.parentsbox {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: pink;
  }
  
  .pighead {
    position: absolute;
    top: 30px;
    left: 30px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: white;
  }
  
  .pigear1 {
    position: absolute;
    top: -20px;
    left: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: pink;
    transform: rotate(-45deg);
  }
  
  .pigear2 {
    position: absolute;
    top: -20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: pink;
    transform: rotate(45deg);
  }
  
  .pigeye1 {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: black;
  }
  
  .pigeye2 {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: black;
  }
  
  .pignose {
    position: absolute;
    top: 80px;
    left: 70px;
    width: 60px;
    height: 40px;
    border-radius: 50%;
    background-color: pink;
  }
  
  .pigsmile {
    position: absolute;
    top: 100px;
    left: 30px;
    width: 80px;
    height: 40px;
    border-bottom: 3px solid black;
    border-radius: 0 0 50px 50px;
    transform: rotate(45deg);
  }