.parentsbox{
    background-color: yellow;
    width: 100px;
    height: 100px;
    border-radius: 30px;
    position: fixed;
}

.pighead{
    background-color: pink;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 20%;
    top: 10px;
    border-radius: 50%;
}

.pigear1{
    background-color: rgb(255, 0, 255);
  width: 20px;
  height: 20px;
  position: absolute;
  left: 20%;
  top: 10px;
  clip-path: polygon(14.03% 16.52%, 85.97% 16.52%, 100% 26%, 50% 100%, 0% 26%);
  transform: rotate(320deg);
  
}
.pigear2{
    background-color: rgb(255, 0, 255);
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20%;
  top: 9px;
  clip-path: polygon(14.03% 16.52%, 85.97% 16.52%, 100% 26%, 50% 100%, 0% 26%);

  transform: rotate(390deg);
  
}

.pigeye1 p{
    font-size: 45px;
    position: absolute;
    top: -45px;
    right: 35px;
    
   
}


html body div.parentsbox div.pigeye1 p{
    text-align: left;
    font-size: 80px;
    position: absolute;
    top: -85px;

    bottom: 10;
    right: 39px;
    width: 10%;
line-height: 54px;
color: #000000;
text-shadow: -0.5px 1px 0px #ffffff;
}
html body div.parentsbox div.pigeye2 p{
    text-align: left;
    font-size: 80px;
    position: absolute;
    top: -85px;

    bottom: 10;
    left: 25px;
    width: 10%;
line-height: 54px;
color: #000000;
text-shadow: -0.5px 1px 0px #ffffff;
}