.parentsbox{
    background-color: lightgray;
    width: 80vmin;
    height: 80vmin;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pighead{
    width: 50%;
    height: 60%;
    background-color: #d19477;
    left: 50%;
    top: 10%;
    transform: translate(-50%,0);
    border-radius: 100% / 50% 50% 120% 120%;
    position: absolute;
    border: 0.4vmin solid;
    border-bottom-width: 2vmin;
    border-top-width: 12vmin;
    border-left-width: 0.8vmin ;
    border-right-width: 0.8vmin ;
    z-index: 2;
}
.pigsmile{
    width: 20%;
    height: 5%;
    border-radius: 100%;
    box-shadow: -0.5vmin 1.5vmin 0 -1vmin;
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}
.pigear{
    width: 5%;
    height: 20%;
    top: 40%;
    background-color: #d19477;
    border: 0.4vmin solid;
    right: 74%;
    position: absolute;
    z-index: 1;
    border-bottom-style: dashed;
    border-bottom-width: 1vmin;
}
.ear1{
    right: 73%;
    border-radius: 100% / 50% 10% 10% 120%;
    transform: rotate(-13deg);

}
.ear2{
    left: 73%;
    border-radius: 100% / 10% 50% 120% 10%;
    transform: rotate(13deg);
}
.pigeye{
    width: 6%;
    height: 10%;
    top: 40%;
    position: absolute;
    background-color: black;
    border: 2vmin solid white;
    border-radius: 100%/ 10% 10% 100% 100% ;
    transform: rotate(0deg);
    z-index: 3;
    border-top-width: 1vmin;
    border-bottom-width: 1vmin;
}
.eye1{
    color: white;
    right: 33%;
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}
.eye2{
    color: white;
    left: 33%;
    font-size: 30px;
    text-align: center;
    font-weight: bold;

}
.pignose{
    width: 5%;
    height: 10%;
    top: 53%;
    left: 47%;
    position: absolute;
    font-size: 30px;
    color: black;
    text-align: center;
    z-index: 3;
    border-radius: 100% / 90% 70% 70% 90% ;
    background-color: saddlebrown;
    transform: rotate(90deg);
}