html
body {
    font-family: 'Special Elite', cursive;
 }
.wrapper {
  display:flex;
  justify-content: center;
  align-items: center;
  width:100vw;
  height:100vh;
  background-color: black;
}
.body {
  width:300px;
  height: 300px;
  background-color: pink;
  border-radius:100% 100% 25% 25%;
  position: relative;
}
.eyes {
  width:40px;
  height:45px;
  background-color: black;
  border-radius:100%;

  position: absolute;
  top:100px;
  left:100px;
}
.eyes:after {
  content:'';
  display:block;
  width:40px;
  height:45px;
  background-color: black;
  border-radius:100%;
  position: absolute;
  top:0;
  left:100px;
}
.mouth {
  width:130px;
  height:55px;
  background-color: red;
  border-radius:0 0 100% 100%;
  position:absolute;
  bottom:100px;
  left:100px;
}