.parentsbox {
    position: relative;
    width: 800px;
    height: 800px;
    background-color: yellow;
    border-radius: 100px;
}
h1{
    margin-left: 150px;
    font-size: 70px;
}
.pighead {
    z-index: 2;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-70%, -50%);
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: pink;
}
.pighead::after{
    z-index: 1;
    content: "";
    display: inline;
    position: absolute;
    top: 62%;
    left: 70%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    opacity: 0.4;
    background-color: lightcoral;
}
.parentsbox::after{
    z-index: 1;
    content: "";
    display: inline;
    position: absolute;
    top: 38%;
    left: 23.5%;
    width: 300px;
    height: 150px;
    border-radius: 100%;
    transform: rotate(180deg);
    border-bottom: 240px solid red;
}
.pigsmile::after{
    z-index: 3;
    position: absolute;
    content: "";
    display: inline-block;
    top: 39%;
    left: 90%;
    width: 50px;
    height: 35px;
    border-radius: 100%;
    transform: rotate(90deg);
    border-bottom: 10px solid lightcoral;
}
.pigear{
    z-index: 3;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-radius: 30px;
    border-bottom: 100px solid violet;
}
.ear1 {
    top: 13.5%;
    left: 45%;
    transform: rotate(200deg);
}
.ear2 {
    top: 12.5%;
    left: 22.5%;
    transform: rotate(165deg);
    border-bottom: 100px solid violet;
}
.pigeye{
    z-index: 3;
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
}
.eye1 {
    top: 30%;
    left: 45%;
    transform: translate(-200%, -60%);
}

.eye2 {
    top: 30%;
    left: 50%;
    transform: translate(-100%, -60%);
}

.pignose {
    z-index: 3;
    position: absolute;
    top: 35%;
    left: 43%;
    transform: translate(-70%, -50%);
    width: 90px;
    height: 80px;
    border-radius: 40%;
    background-color: violet;
}

div.pignose p {
    position: absolute;
    top: -370%;
    left: 5%;
    color: purple;
    font-size: 180px;
}

.pigsmile {
    z-index: 3;
    position: absolute;
    top: 35%;
    left: 35.5%;
    width: 100px;
    height: 70px;
    border-radius: 100%;
    border-bottom: 10px solid lightcoral;
}

div.pigeye.eye1 p{
    position: absolute;
    top: -5%;
    left: 50%;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: black;
}

div.pigeye.eye2 p {
    position: absolute;
    top: -5%;
    left: 10%;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: black;
}
div.pignose p::before{
    z-index: 1;
    content: "";
    display:inline-block;
    position: absolute;
        top: 82.5%;
        left: -120%;
        width: 20px;
        height: 100px;
        border-radius: 40%;
        rotate: -35deg;
        background-color: pink;
}
div.pignose p::after{
    z-index: 1;
    content: "";
    display:inline-block;
    position: absolute;
        top: 130%;
        left: 177%;
        width: 20px;
        height: 100px;
        border-radius: 40%;
        rotate: 190deg;
        background-color: pink;
}
.eye1::before{
    content: "";
    display:inline-block;
    position: absolute;
    top: 360%;
    left: 145%;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: rgb(48, 102, 250);
}
.eye1::after{
    content: "";
    display:inline-block;
    position: absolute;
    top: 380%;
    left: 160%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: rgb(147, 244, 82);
}
.pignose::before{
    content: "";
    display:inline-block;
    position: absolute;
    top: 210%;
    left: 73%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgb(240, 107, 107);
}
.pignose::after{
    content: "";
    display:inline-block;
    position: absolute;
    top: 240%;
    left: 150%;
    width: 10px;
    height: 60px;
    border-radius: 40%;
    rotate: -50deg;
    background-color: white;
}
.eye2::before{
    content: "";
    display:inline-block;
    position: absolute;
    top: 670%;
    left: 48%;
    width: 15px;
    height: 30px;
    background-color: pink;
}
.eye2::after{
    content: "";
    display:inline-block;
    position: absolute;
    top: 710%;
    left: 35%;
    width: 30px;
    height: 40px;
    border-radius: 10%;
    border-top: 100px;
    background-color: rgb(73, 41, 41);

}
div.pigeye.eye2 p::before{
    content: "";
    display:inline-block;
    position: absolute;
    top: 1650%;
    left: -30%;
    width: 50px;
    height: 30px;
    border-radius: 35%;
    background-color: rgb(73, 41, 41);
}
div.pigeye.eye2 p::after{
    content: "";
    display:inline-block;
    position: absolute;
    top: 1650%;
    left: -398%;
    width: 50px;
    height: 30px;
    border-radius: 35%;
    background-color: rgb(73, 41, 41);
}
div.pigeye.eye1 p::before{
    content: "";
    display:inline-block;
    position: absolute;
    top: 1457%;
    left: 38%;
    width: 15px;
    height: 30px;
    background-color: pink;
}
div.pigeye.eye1 p::after{
    content: "";
    display:inline-block;
    position: absolute;
    top: 1540%;
    left: 10%;
    width: 30px;
    height: 40px;
    border-radius: 10%;
    border-top: 100px;
    background-color: rgb(73, 41, 41);
}
.pigsmile::before{
    content: "";
    display:inline-block;
    position: absolute;
    top: 132.5%;
    left: 60%;
    width: 25px;
    height: 18px;
    border-radius: 100%;
    rotate: -13deg;
    border-bottom: 17px solid red;
}