.parentsbox {
    background-color: yellow;
    width: 300px;
    height: 300px;
    border-radius: 20px;
    position: relative;
}

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

.pigear {
    background-color: magenta;
    width: 40px;
    height: 40px;
    border-top-left-radius: 90px;
    position: absolute;
}

.ear1 {
    transform: rotate(70deg);
    left: 180px;
}

.ear2 {
    transform: rotate(20deg);
    right: 180px;
}

.pigeye {
    background-color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    text-align: right;
}

.eye1 {
    top: 36px;
    left: 110px;
}

.eye2 {
    left: 160px;
}

.pignose {
    width: 30px;
    height: 20px;
    background-color: white;
    position: relative;
    text-align: center;
    border-radius: 80%;
    left: 130px;
    transform: scale(150%);
    color: magenta;
}

.pigsmile {
    background-color: black;
    width: 40px;
    height: 20px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    position: relative;
    left: 125px;
    top: 10px;
    transform: rotate(180deg);
}