body {
    background-color: white;
}

.parentsbox {
    border: solid;
    border-color: yellow;
    border-radius: 10em;
    background-color: yellow;
    width: 40em;
    height: 40em;
}

.pighead {
    border: solid;
    border-color: pink;
    background-color: pink;
    border-radius: 100%;
    width: 300px;
    height: 300px;
    position: relative;
    top: 3em;
    right: -10em;
}

.pigear1 {
    width: 90px;
    height: 90px;
    border-bottom-left-radius: 16em;
    background-color: magenta;
    transform: rotate(106deg);
    position: relative;
    bottom: 264px;
    left: 140px
}



.pigear2 {
    width: 90px;
    height: 90px;
    border-bottom-left-radius: 16em;
    background-color: magenta;
    transform: rotate(166deg);
    position: relative;
    bottom: 352px;
    right: -390px;
}

.pigeye1 {
    position: relative;
    bottom: 340px;
    left: 230px;
    border: solid;
    border-radius: 50%;
    border-color: white;
    background-color: white;
    width: 45px;
    height: 45px;
}

.pigeye1::after{
    content: ".";
    position: relative;
    bottom: 210px;
    right: -3px;
    font-size: 200px;
}

.pigeye2::after{
    content: ".";
    position: relative;
    bottom: 210px;
    right: -3px;
    font-size: 200px;
}

.pigeye2 {
    position: relative;
    bottom: 390px;
    left: 340px;
    border: solid;
    border-radius: 50%;
    border-color: white;
    background-color: white;
    width: 45px;
    height: 45px;
}

.pignose {
    border: solid;
    border-radius: 100%;
    height: 40px;
    width: 80px;
    position: relative;
    border-color: white;
    background-color: white;
    bottom: 370px;
    left: 270px;
}
.pignose::after{
    content: "..";
    position: relative;
    bottom: 186px;
    right: 5px;
    font-size: 180px;
    color: magenta;
}


.pigsmile {
    width: 98px;
    height: 88px;
    background: radial-gradient(circle at 50% 120%, transparent 80px, black 5px);
    border-radius: 100%;
    transform: rotate(180deg);
    position: relative;
    left: 258px;
    bottom: 400px;
}
p{
    color: white;
}
