.dwBack {
  z-index: 9;
  position: relative;
  width: 200em;
  font-size:5%;
  height:420em;
  margin:0 auto;
}



.rhMouth {
  position: absolute;
  left: 50em;
  top: 65em;
  z-index:100000000;
  background-color: transparent;
  width: 50em;
  height: 25em;
  border-radius: 50%;
  border-bottom: 7em solid hsl(10,40%,60%);
  margin-left: -25em;
}


.vg {font-size:120%; position:absolute;
  top:30em;
  left:87em;}

.vgHair { 
  background: hsl(40,90%,50%); 
  height:50em;
  width:90em;
  border-radius: 70em 70em 10em 10em;
  position:absolute;
  top:5em;
  left:50%;
  transform:translate(-50%,0);
}

.vgHairSpike {
  width: 0em;
  height: 0em;
  border-style: solid;
  border-width: 0 1.5em 8em 1em;
  border-color: transparent transparent  hsl(40,90%,50%) transparent;
  position:absolute;
  left:50%;
  margin:0em 0 0 -8em;
  top:1em;
}

.vgHairSpike2 {
  width: 0em;
  height: 0em;
  border-style: solid;
  border-width: 0 1.5em 8em 2em;
  border-color: transparent transparent  hsl(40,90%,50%) transparent;
  position:absolute;
  top:-1em;
  left:50%;
  margin:-0em 0 0 -12em;
  transform: rotate(-25deg);
}

/*left bang*/
.vgHairFront {
  z-index:2;
  background: hsl(40,90%,50%);
  height:35em;
  width:78em;
  border-radius: 70em 70em 5em 5em;
  transform: rotate(-10deg);
  margin:0 0 0 -42em;
  position:absolute;
  left:50%;
  top:10em;
}
/*right bang*/
.vgHairFront:after { 
  z-index:2;
  content: "";
  background: hsl(40,90%,50%);
  height: 30em;
  width: 60em;
  border-radius: 70em 70em 5em 5em;
  transform: rotate(-10deg);
  margin: 0em 0 0 -45em;
  position: absolute;
  top: 5em;
  left: 50%;
}

.vgHairFront2 { 
  background: hsl(40,90%,50%);
  height:20em;
  width:40em;
  border-radius: 70em 70em 0 0;
  transform: rotate(10deg);
  margin:0em 0 0 3em;
  position:absolute;
  top:31em;
  left:50%;
  z-index:2;
}

.dwHead {
  z-index: 1;
  position: absolute;
  top: 55em;
  left: 55em;
  width: 100em;
  height: 120em;
  background-color: hsl(40,75%,85%);
  border-radius: 50%;
  box-shadow: -5em 3em 3em rgba(55,55,55,0.3);

}


.dwEyeWrap {
  font-size:200%;
  position:absolute;
  top:18em; left:5em;}

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

.dwPupil{width:5em; height:5em; background: #222; position: absolute; top:3em; left:3em; border-radius: 50%; }

.dwEyeLight{
  height:2.5em; width:1em; background:#aaa; position:absolute; left:2.5em; top:1em; 
  transform: rotate(30deg); border-radius:10em/20em;
}


.dwBody {
  position: absolute;
  top: 170em;
  left: 48em;
  width: 110em;
  height: 155em;
  background: #ecf0f1;
  border-radius: 36% 36% 0 0;
  border: 1em solid rgba(55,55,55,0.4);
  border-bottom: none;
  z-index:2;
}
.dwBody:after {
  position: absolute;
  top: 155em;
  left: -1em;
  content: '';
  width: 113em;
  height: 10em;
  background: #ecf0f1;
  border-radius: 0 0 50% 50%;
  border: 1em solid rgba(55,55,55,0.4);
  border-top: none;
  box-shadow: 0em 3em 3em rgba(55,55,55,0.3);
}

.dwArm1 {
  z-index: 5;
  position: absolute;
  top: 37em;
  left: -10em;
  width: 94em;
  height: 50em;
  background: #ecf0f1;

  border-radius: 10em 4em 2em 65%;
  border: 1em solid rgba(55,55,55,0.4);
  box-shadow: 1em 3em 3em rgba(55,55,55,0.3);
  transform:rotate(15deg)
}
.dwArm1:after {
  z-index: 2;
  position: absolute;
  top: -7em;
  left: 4em;
  content: '';
  width: 22em;
  height: 22em;
  background: #ecf0f1;
  border-radius: 50%;
}
.dwHand {
  z-index: 5;
  position: absolute;
  top: 50em;
  left: 70em;
  width: 30em;
  height: 20em;
  background: hsl(40,75%,85%);
  border-radius: 50%;
  border: 1em solid rgba(55,55,55,0.4);
  transform: rotate(-5deg);
}
.dwArm2 {
  z-index: 4;
  position: absolute;
  top: 36em;
  left: 22em;
  width: 94em;
  height: 50em;
  background: #ecf0f1;
  border-radius: 68% 2em 80% 15em;
  border: 1em solid rgba(55,55,55,0.4);
  border-bottom: none;
  transform: rotate(170deg);
  box-shadow: 0em -3em 3em rgba(55,55,55,0.3);
}
.dwArm2:before {
  z-index: -1;
  position: absolute;
  top: 45em;
  left: 8em;
  content: '';
  background: #ecf0f1;
  height: 10em;
  width: 10em;
  border-radius: 20%;
  transform: rotate(-29deg);
}


.dwScreenplay {
  font-size:15em; padding:0em 0; 

  z-index:3;
  width:5.8em;
  height:7.8em;
  background:#fff;
  position:absolute;
  left:50%;  
  transform:translate(-50%, 0);
  border-radius:.2em;
  box-shadow: 0 .1em 0 0 rgba(0,0,0,0.3), inset 0 .1em 0 0 rgba(200,200,200,0.9);
}

.dwCircles {
  width:.3em;
  height:.3em;
  background:#272727;
  border-radius:50%;
  position:absolute;
  left:.5em;
  top:50%;
  margin-top:-.1em;
  box-shadow: inset 0 2em 0 0em rgba(0,0,0,0.25), 0 1em 0 0 rgba(255,255,255,0.2);
}

/*top bracket*/
.dwCircles:before {
  content:"";
  width:.5em;
  height:.5em;
  background:#dca10e;
  border-radius:50%;
  box-shadow: inset 0 .1em 0 0 rgba(0,0,0,0.25), 0 .4em 0 0 rgba(155,155,155,0.2);
  position:absolute;
  top:-2.7em;
  left:0;
}

.dwCircles:after {
  content:"";
  width:.5em;
  height:.5em;
  background:#dca10e;
  border-radius:50%;
  box-shadow: inset 0 .12em 0 0 rgba(0,0,0,0.25), 0 .12em 0 0 rgba(155,155,155,0.2);
  position:absolute;
  top:2.7em;
  left:0;

}
/*title*/
.dwLines {
  width:2.2em;
  height:.3em;
  border-top: .3em solid rgba(0,0,0,0.8);
  position:absolute;
  left:1.8em;
  top:3em;
}

/*contact info*/
.dwLines:after {
  content:"";
  width:1.5em;
  height:.8em;
  border-top: .3em solid rgba(0,0,0,0.7);
  border-bottom: .3em solid rgba(0,0,0,0.7);
  position:absolute;
  top:2.5em;
  right:-1em;
}
/*by*/
.dwLines:before{
  content:"";
  width:1.4em;
  height:.25em;
  background: rgba(0,0,0,0.7);
  position:absolute;
  top:.3em;
  z-index:2;
  right:.4em;
}


.dwPants{
  position: absolute;
  width: 105em; 
  height: 70em;
  background: hsl(220,50%,30%);
  top: 320em;
  left: 50em;
  z-index:1;
}

.dwPants:after{
  content: '';
  position: absolute;
  width: 50em; height: 150em;
  background: hsl(220,50%,30%);
  top: 30em;  left: -5em;    
  transform:rotate(5deg);

}

.dwPants:before{
  content: '';
  position: absolute;
  width: 50em; height: 150em;
  background: hsl(220,50%,30%);
  top: 30em;  right: -5em;
  transform:rotate(-5deg);


}



.dwLeftShoe{
  width: 80em;
  height: 40em;
  position: absolute;
  top: 495em;
  left: 10em;
  border: 2px solid #000;
  z-index: -1;
  border-top-left-radius: 50em 30em;
  border-bottom-left-radius: 12em 6em;
  border-bottom-right-radius: 30em 10em;
  background-color: #000;
  transform: rotate(-5deg)  translateZ(0);
}
.dwRightShoe{
  width: 80em;
  height: 40em;
  position: absolute;
  top: 495em;
  left: 114em;
  border: 2px solid #000;
  z-index: -1;
  border-top-right-radius: 40em;
  border-bottom-right-radius: 20em 8em;
  border-bottom-left-radius: 30em 10em;
  background-color:#000;
  transform: rotate(10deg) translateZ(0);

}