<div class="contenedor">
		<div class="cabeza"></div>
		<div class="pecho"></div>
</div>
.contenedor{
	height: 30rem;
	width: 30rem;
	background-color: #33CBCC;
  border-radius: 22%;
	margin: 0 auto;
}
.cabeza{
    width: 15rem;
    height: 13rem;
    position: relative;
    top: 6.5rem;
    left: 7.5rem;
    background-color: #FFF;
    border-radius: 7rem 7rem 0 0;

}
.pecho{
    width: 15rem;
    height: 10.5rem;
    position: relative;
    top: 6.5rem;
    left: 7.5rem;
    background-color: #009ED6;
}
.cabeza::before, .cabeza::after{
	content: '';
    width: 4rem;
    height: 10rem;
    background-color: #FFF;
    position: absolute;
    top: -2rem;
    border-radius: 4rem 4rem 0 0;
}
.cabeza::after{
    left: 11rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.