<div class="contenedor">
		<div class="cabeza">
      <div class="cara">
				<div class="detalles"></div>
			</div>
    </div>
		<div class="pecho">
      <div class="mangas">
				<div class="brazos"></div>
      </div>
    </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;
}
.cara{
	width: 12rem;
    height: 7.5rem;
    background-color: #FBC8AD;
    border-radius: 50%;
    position: relative;
    top: 3rem;
    left: 1.5rem;
    z-index: 1;
}
.cara{
	width: 12rem;
    height: 7.5rem;
    background-color: #FBC8AD;
    border-radius: 50%;
    position: relative;
    top: 3rem;
    left: 1.5rem;
    z-index: 1;
}
.detalles, .detalles::before{    
	width: 1rem;
    height: 1rem;
    background-color: #000;
    border-radius: 50%;
    position: relative;
    top: 3rem;
    left: 2.6rem;
}
.detalles::before{
	content: '';
	position: absolute;
  top: 0;
	left: 6rem;
}
.detalles::after{
    content: '';
    width: 1.9rem;
    height: 0.4rem;
    border-style: solid;
    border-color: transparent transparent black transparent;
    border-radius: 50%;
    position: absolute;
    top: .6rem;
    left: 2.5rem;
}
.mangas, .mangas::before{
	width: 3rem;
    height: 5rem;
    background-color: #009ED6;
    border-radius: 1.5rem 1.5rem 0 0;
    position: absolute;
    left: -1.8rem;
}
.mangas::before{
	content: '';
	left: 15.3rem;
}
.brazos, .brazos::before{
    width: 1.8rem;
    height: 5.5rem;
    background-color: #FBC8AD;
    position: absolute;
    top: 5rem;
}
.brazos::before{
	content: '';
    left: 16.5rem;
    top: 0rem;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.