<div class="box">
  <div class="head">
    <div class="left-ear ear">
      <div class="inner-ear"></div>
    </div>
    <div class="right-ear ear">
      <div class="inner-ear"></div>
    </div>
    <div class="head-ears-cover">
      <div class="left-eye eye">
        <div class="inner-eye"></div>
      </div>
      <div class="right-eye eye">
        <div class="inner-eye"></div>
      </div>
      <div class="nose">
      </div>
      <div class="mouth">
      </div>
    </div>
  </div> <!-- End "head" -->
</div> <!-- End "box" -->
.box{
  position: relative;
  margin: auto;
  display: block;
  background: white;
/*   border: solid 4px green; */
  border-radius: 15px;
  width: 640px;
  height: 480px;
}
.head{
  position: absolute;
  top: 16.5%;
  left: 25%;
  width: 50%;
  height: 67%;
  background: #8D2800;
  border-radius: 50%;
}
.head-ears-cover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #8D2800;
  border-radius: 50%;
  z-index: 2;
}
.ear{
  position: absolute;
  top: 2%;
  width: 35%;
  height: 35%;
  background: #8D2800;
  border-radius: 50%;
}
.eye{
  position: absolute;
  top: 22%;
  width: 25%;
  height: 25%;
  background: white;
  border-radius: 50%;
}
.left-ear{
  left: 1%;
}
.right-ear{
  right: 1%;
}
.left-eye{
  left: 18%;
}
.right-eye{
  right: 18%;
}
.inner-ear{
  position: absolute;
  background: #5D1A00;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  top: 15%;
}
.left-ear .inner-ear{
  left: 15%;
}
.right-ear .inner-ear{
  right: 15%;
}
.inner-eye{
  position: absolute;
  background: black;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  top: 50%;
}
.left-eye .inner-eye{
  left: 35%;
}
.right-eye .inner-eye{
  right: 35%;
}
.nose{
  position: relative;
  margin: auto;
  display: block;
  width: 25%;
  height: 35%;
  background: #5D1A00;
  border-radius: 50%;
  top: 45%;
}
.mouth{
  position: relative;
  margin: auto;
  display: block;
  width: 13%;
  height: 8%;
  background: black;
  border-radius: 50%;
  top: 50%;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.