.dvBack {
  width: 160em;
  height: 150em;
  margin: 15em auto;
  text-align: center;
  position: relative;
  z-index: -1;
  font-size:5%;
}

.dvHead {
  width: 90em;
  height: 105em;
  background: hsl(40,75%,85%);
  border-radius: 50%;
  position: absolute;
  left: 35em;
  top: 20em;
}

.ha {  
  width: 28em;
  height: 28em;
  border-radius: 50%;
  background: black;
  z-index: 3;
  position: absolute;
  left: 50%;
  top: -16em;
  box-shadow:
    15em 4em 0 -1em black,
    30em 12em 0 -2em black,
    40em 22em 0 -4em black,
    46em 34em 0 -7em black,
    -18em 0em 0 -1em black,
    -35em 2em 0 -2em black,
    -50em 8em 0 -3em black,
    -63em 17em 0 -4em black,
    -72em 28em 0 -6em black
}

.dvHair2 {
  
  transform:rotate(20deg);
}

.dvHair3 {
  transform:rotate(-20deg);  
}

.dvHair4 {
  transform:rotate(-30deg); 
}

.dvHair5 {
  transform:rotate(-40deg);  
}

.dvNeckWrap {
  position: relative;
  margin: 0 auto;
  width: 100em;
  height: 260em;
  overflow: hidden;
  top: 100em;
  z-index: -1;
}

.dvNeck {
   background: hsl(40,75%,95%);
    width: 22em;
  position: absolute;
  left: 50%;
  margin-left: -11em;
  height: 30em;
}

.dvNeck:after {
  content: '';
  position: absolute;
  top: 30em;
  left: -6em;
  z-index: 1;
  width: 34em;
  height: 17em;
   background: hsl(40,75%,80%);
  border-radius: 0 0 100em 100em;
}


.dwMouth {
  z-index: 1;
  position: absolute;
  top: 75em;
  left: 28em;
  width: 45em;
  height: 20em;
  background: hsl(40,75%,85%);
  border-radius: 50%;
}

.dwMouth:after {
  position: absolute;
  left: 5em;
  content: '';
  width: 35em;
  height: 10em;
  border-radius: 50%;
  border-bottom: #000 2em solid;  
  box-shadow: 0em 3em 3em rgba(55,55,55,0.3);
}


/*this fixes a bald spot*/
.dwHair {
  position: absolute;
  top: 0em;
  left: 28em;
  width: 40em;
  height: 10em;
  background: hsl(0,0%,0%);
  border-radius: 50%;
}

.dwHairLeft,
.dwHairRight {
  position: absolute;
  left: 2em;
  width: 25em;
  height: 55em;
  background: hsl(0,0%,0%);
  border-radius: 50%;
  transform: rotate(40deg);
  top:15em;
}
.dwHairRight {
  left: 70em;
  transform: rotate(140deg);
}
.dwHairRight:before,
.dwHairLeft:before {
  position: absolute;
  top: 35em;
  right: -19em;
  content: '';
  width: 52em;
  height: 28em;
 
  background: hsl(0,0%,0%);
  border-radius: 50%;
  transform: rotate(52deg);
}
.dwHairLeft:before {
  left: -9em;
  top: -6em;
  transform: rotate(124deg);
}


.dwEyeWrap {position:absolute; top:20em; left:9em; font-size:200%; width:100%;}

.dwEye{
  width:10em; height:10em; background: #ecf0f1; position: relative;  border-radius: 1em 8em; transform: rotate(-45deg); float:left; margin:3.5em;
}




.siEye {
  width:200em;
  height:200em;
  border-radius:50%;
  background:#ecf0f1;
  position:absolute;
  margin:0em auto;
  font-size:3.5%;left:35em; top:40em;
}

.siEye:before {
  content:"";
  width:125em;
  height:125em;
  background:#34495e;
  border-radius:50%;
  position:absolute;
  left: 38em;
  top: 40em;
  box-shadow:inset 5em -8em 0em #2980b9,inset 0em 0em 0em 35em #3498db;
}

.siEye:after {
  content:"";
  width:35em;
  height:35em;
  background:#ffffff;
  border-radius:50%;
  position:absolute;
  left: 105em;
  top: 69em;
}