.parentsbox {
    height: 500px;
    width: 500px;
    border-radius: 20%;
    background-color: bisque;
    border: 1px transparent;
    position: absolute;
    left: 200px;
    top: 200px;
    z-index: 1;
}

.pighead {
    height: 300px;
    width: 300px;
    border-radius: 50%;
    position: relative;
    background-color: #f1a2c6;
    left: 100px;
    top: 80px;
    z-index: 2;
}

.pigeye{
    height: 75px;
    width: 75px;
    border-radius: 50%;
    position: relative;
    background-color: black;
    z-index: 3;
    clip-path: ellipse(25% 50% at 50% 50%);
}

.eye1 {
    bottom: 270px;
    left: 170px;
}

.eye1 p {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: relative;
    background-color: white;
    z-index: 3;
    clip-path: ellipse(25% 50% at 50% 50%);
    left: 25px;
    top: 10px
}

.eye2 {
    bottom: 361px;
    left: 255px;
}

.eye2 p {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: relative;
    background-color: white;
    z-index: 3;
    clip-path: ellipse(25% 50% at 50% 50%);
    left: 25px;
    top: 10px
}

.pigear {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    position: relative;
    background-color: red;
    z-index: 5;
    clip-path: ellipse(47% 22% at 50% 50%);
}

.ear1 {
    left: 325px;
    bottom: 70px;
}

.ear2 {
    left: 135px;
    bottom: 110px;
}

.pignose p {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background-color: rgb(95, 5, 5);
    position: fixed;
    left: 390px;
    top: 430px;
    z-index: 6;
}

.pigsmile {
    height: 75px;
    width: 115px;
    border-radius: 50% 50% 50% 50% / 35% 35% 65% 65% ;
    background-color: rgb(199, 38, 38);
    position: fixed;
    left: 393px;
    top: 491px;
    z-index: 7;
}