body {
    background-color: rgb(207, 135, 0);
    position: inherit;
}

p {
    color: transparent;
}

.parentsbox {
    height: 1000px;
    width: 1000px;
    position: absolute;
    background-color: rgb(207, 135, 0);
    justify-content: center;
    margin: auto;
    margin-left: 100px;
}

.pighead {
    top: 20px;
    width: 20px;
    height: 90px;
    background-color: rgb(68, 46, 46);
    position: relative;
    justify-content: center;
    margin: auto;
    top: 0px;
    right: 375px;
    z-index: 0;
    border-radius: 30% 30% 5% 5%/100% 100% 100% 100%;
    z-index: 2;
}


.pighead::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 10px;
    border-radius: 20%;
    background-color: rgb(32, 29, 29);
    position: relative;
    margin: auto;
    bottom: 10px;
    z-index: 2;
    border-radius: 50% 50% 50% 50%/100% 100% 100% 100%;   
}

.pighead::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 2px;
    border-radius: 100%;
    border: 0.6px solid rgb(65, 65, 65);
    background-color: rgb(199, 57, 57);
    position: relative;
    margin: auto;
    bottom: 30px;
    left: 1px;
    z-index: 3;
    border-radius: 65% 65% 65% 65%/100% 100% 100% 100%;
}

.pignose {
    width: 100px;
    height: 18px;
    border-radius: 30%;
    background-color: rgb(173, 173, 173);
    position: relative;
    justify-content: center;
    margin: auto;
    bottom: 395px;
    right: 375px;
    z-index: 3;
}

.pignose::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid black;
    position: relative;
    justify-content: center;
    margin: auto;
    rotate: 165deg;
    left: 65px;
    top: 8px;
}

.pignose::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid black;
    position: relative;
    justify-content: center;
    margin: auto;
    rotate: 195deg;
    bottom: 58px;
    right: 5px;
}

.pigsmile {
    width: 30px;
    height: 300px;
    background-color: rgb(255, 255, 255);
    position: relative;
    justify-content: center;
    margin: auto;
    bottom: 395px;
    right: 375px;
    z-index: 2;
}

.pigsmile::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: rgb(199, 57, 57);
    position: relative;
    justify-content: center;
    margin: auto;
    z-index: 0;
    left: 7.5px;
    border-radius: 0% 0% 100% 100%/100% 100% 100% 100%;

}

.pigsmile::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 15.1px solid transparent;
    border-right: 15.1px solid transparent;
    border-top: 15px solid white;
    position: relative;
    justify-content: center;
    top: 280px;
    margin: auto;
    right: 0px;

}

.pigeye {
    content: "";
    display: inline-block;
    width: 200px;
    height: 350px;
    border-radius: 10%;
    background-color: black;
    position: relative;
    justify-content: center;
    margin: auto;
    right: 30px;
    bottom: 90px;
    z-index: 0;
}

.pigeye.eye1 {
    background-color: rgb(161, 161, 161);
    padding: 20px;
    right: 23px;
    z-index: 1;
}

.pigeye.eye2 {
    bottom: 85px;
    width: 190px;
    height: 340px;
    right: 245px;
    border: 5px solid rgb(199, 57, 57);
    z-index: 1;
}

.pigear {
    content: "";
    display: inline-block;
    width: 10px;
    height: 300px;
    border-radius: 100%;
    background-color: white;
    position: relative;
    justify-content: center;
    margin: auto;
    right: 30px;
    bottom: 84px;
    z-index: 0;
}

.pigear.ear1 {
    left: 50px;
    z-index: 2;
    rotate: -5deg;
}

.pigear.ear2 {
    left: 179px;
    z-index: 2;
    rotate: 5deg;
}