#head{
  height: 500px;
  width: 500px;
  position: relative;
  background-color: #FEDC6F;
  border-radius: 50%;
}
#brow-container{
  display: flex;
  justify-content: center;
  position: relative;
  align-items: flex-end;
  width: 100%;
  height: 33.33%;
  top: 27px;
  /* border: 2px dotted rgba(174, 216, 229, 0.603); */
}
.brow-cover{
  z-index: 30;
  display: flex;
  position: relative;
  justify-content: center;
  width: 170px;
  height: 100px;
  margin-bottom: -74px;
  margin-left: 30px;
  margin-right: 30px;
  /* border: 1px dotted gray; */
  border-radius: 50%;
  background-color: #FDDB76;
}
.brow{
  position: absolute;
  margin-top: -20px;
  z-index: 2;
  width: 120px;
  height: 30px;
  background-color: #90732c;
  border-radius: 50% 50%  5px  5px  / 50%   50%   50%  50%;
}
#l-inner-b{
  left: 63px;
  bottom: 13px;
  transform: rotate(-12deg)
}
#r-inner-b{
  right: 63px;
  bottom: 13px;
  transform: rotate(12deg)
}
#l-b-cover{
  transform: rotate(-12deg)
}

#r-b-cover{
  transform: rotate(12deg)
}
.lower-face{
  background-color: #654E29;
}
.eye{
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  width: 50%;
  /* border: 1px dotted gray; */
}
#r-e{
  left: -15px;
}
#l-e{
  right: -15px;
}
#eye-container{
  margin-top: 15px;
  display: flex;
  width: 100%;
  height: 33.33%;
  /* border: 2pxdotted rgba(144, 238, 144, 0.389); */
}
.lid-cover{
  z-index: 40;
  width: 190px;
  height: 100px;
  margin-bottom: -5px;
  margin-left: 0px;
  margin-right: 0px;
  /* border: 1px dotted gray; */
  border-radius: 50%;
  background-color: #FDDB76;
  transform: rotate(-7deg);
}
.lid{
  z-index: 35;
  bottom: 77px;
  position: absolute;
  border-radius: 50% 50%  5px  5px  / 70%   70%   30%  30%;
  width: 150px;
  height: 50px;
  transform: rotate(-6deg)
}

.pupil{
  z-index: 50;
  border-radius: 50% 50%  3px  3px  / 70%   70%   30%  30%;
  width: 80px;
  height: 50px;
  position: absolute;
  transform: rotate(-175deg);
  bottom: 55px;
  right: 50px;
}

#mouth-container{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 33.33%;
  /* border:2px dotted rgba(240, 128, 128, 0.348); */
}
#mouth-cover{
  z-index: 1;
  position: absolute;
  width: 350px;
  height: 300px;
  border-radius: 50%;
  background-color: #FEDC6F;
  /* border: 1px dotted gray; */
  bottom: 110px;
  left: 70px;
  transform: rotate(3deg)
}
.mouth{
  z-index: 0;
  width: 180px;
  height: 48px;
  margin-top: 23px;
  margin-left: 50px;
  transform: rotate(172deg);
  border-radius: 50% 50%  5px  5px  / 50%   50%   50%  50%;
}