human {
   width: 30rem;
  height: 30rem;
  background: white;
  position: absolute;
}

torso {
  height: 100vh;
  margin: 0;
  background: lightsteelblue;
  display: grid;
  place-items: center;
}


.head {
  width: 5rem;
  height: 6.5rem;
  background: #ffd9b3;
  position: absolute;
  top: 10%;
  left: 50%;
  bottom: 50%;
  transform: translate(10%, 10%);
  z-index: 2;
  border-radius: 50%;
  width: 15%;
  height: 15%
}
 
.eye {
  background: black;
  position: absolute;
  top: 20%;
  bottom: 50%;
  transform: translate(10%, 10%);
  z-index: 2;
  border-radius: 50%;
  width: 15%;
  height: 1%;
}

.eye-left {
  left: 20%
}

.eye-right {
  right: 25%
}

.mouth {
  background: black;
  width: 5rem;
  height: 6.5rem;
  position: absolute;
  top: 70%;
  left: -5%;
  bottom: 20%;
  transform: translate(10%, 10%);
  z-index: 2;
  border-radius: 30%;
  width: 90%;
  height: 2%
}

.eyebrow {
  background: black;
  width: 2rem;
  height: 1rem;
  position: absolute;
  top: 0%;
  bottom: 50%; 
  transform:translate(-5%, 10%);
  z-index: 2;
  border-radius: 20%
}

.eyebrow-left {
  left: 20%
}
.eyebrow-right {
  right: 20%
}

.torso {
  background: black;
  width:1rem;
  height:2rem;
  position:absolute;
  top: 10%;
  right: 46%;
  transform: translate(100%,100%);
  z-index: 2;
  border-radius: 30%;
  width: 10%;
  height: 16%;
}

.bicep {
  background: black;
  width: 2rem;
  height: 2rem;
  position: absolute;
  border-radius: 30%;
  width: 90%;
  height: 25%
  
}

.left-bicep {
  left: 200%;
}

.right-bicep {
  right: 200%;
}