.cap{
  position:relative;
  top:50px;
  width:460px;
  height:570px;
  background: #ffd9bd;
  margin: 0 auto;
  border-radius: 300px 300px 400px 400px;
}

.melena{
  position: relative;
  height:170px;
  width:460px;
  background: rgb(255,217,189);
  background: linear-gradient(90deg, rgba(255,217,189,1) 0%, rgba(143,87,67,1) 16%, rgba(143,87,67,1) 81%, rgba(255,217,189,1) 100%);
border-radius:80px 70px 0 0;
}

.melena .cabell{
  position: relative;
  height:50px;
  width:50px;
  background:transparent;
  border-radius:25px;
  box-shadow: 10px 10px 5px 0 #5d230e;
}

.melena .c1{
  top: 110px;
  left: 150px;
}

.melena .c2{
  top:70px;
  left: 150px;
}
.melena .c3{
  top:-10px;
  left: 150px;
}

.melena .c4{
  top:-80px;
  left: 150px;
}

.melena .c5{
  top:-160px;
  left: 150px;
}
.melena .c6{
  top:-210px;
  left: 150px;
}

.melena .c7{
  top:-280px;
  left: 150px;
}
.melena .c8{
  top:-350px;
  left: 150px;
}

.melena .c9{
  top:-420px;
  left: 150px;
}

.melena .c10{
  top:-335px;
  left: 180px;
}

.melena .c11{
  top:-400px;
  left: 180px;
}
.melena .c12{
  top:-470px;
  left: 180px;
}
.melena .c13{
  top:-540px;
  left: 180px;
}
.melena .c14{
  top:-610px;
  left: 180px;
}
.melena .c15{
  top:-680px;
  left: 180px;
}
.melena .c16{
  top:-750px;
  left: 180px;
}
.melena .c17{
  top:-820px;
  left: 180px;
}
.melena .c18{
  top: -730px;
  left: 210px;
}
.melena .c19{
  top:-800px;
  left: 210px;
}

.melena .c20{
  top:-870px;
  left: 210px;
}

.melena .c21{
  top:-940px;
  left: 210px;
}
.melena .c22{
  top:-1010px;
  left: 210px;
}
.melena .c23{
  top:-1080px;
  left: 210px;
}
.melena .c24{
  top:-1150px;
  left: 210px;
}

.melena .c25{
  top:-1220px;
  left: 210px;
}

.melena .c26{
  top:-1130px;
  left: 240px;
}
.melena .c27{
  top:-1200px;
  left: 240px;
}
.melena .c28{
  top:-1270px;
  left: 240px;
}
.melena .c29{
  top:-1340px;
  left: 240px;
}
.melena .c30{
  top:-1410px;
  left: 240px;
}
.melena .c31{
  top:-1480px;
  left: 240px;
}
.melena .c32{
  top:-1550px;
  left: 240px;
}
.melena .c33{
  top:-1620px;
  left: 240px;
}


.ulls{
  position: relative;

}
.blanc{
  width:80px;
  height:60px;
  background:white;
  border-radius:50px;
  position: relative;
  top:50px;

}

.iris{
  position: relative;
  width:45px;
  height:45px;
  top:8.75px;
  left:17.5px;
  background:brown;
  border-radius:50px;
}

.pupila{
  position:relative;
  width:20px;
  height:20px;
  top:10px;
  left:10px;
  background:black;
  border-radius:50px;

}

.ull_dre{
  float: right;
  margin-right: 100px;
}
.ull_esq{
  float: left;
  margin-left: 100px;
}

.cella1{
  position: relative;
  height:25px;
  width:100px;
  background:#5d230e;
  border-radius:70px;
  float: left;
  top:20px;
}

 .cella1:hover{
  position: relative;
  top:-3px;
  transition: 0.1s;
  transition-timing-function: ease-in-out;
}

.cella2{
  position: relative;
  height:25px;
  width:100px;
  background:#5d230e;
  border-radius:70px;
  float: left;
  top:20px;
}
.cella2:hover{
 transition-timing-function: ease-in-out;
 position: relative;
 top:-3px;
 transition: 0.1s;
}


.nas{
  position: relative;
  height:100px;
  width:50px;
  background:#ffd9bd;
  border-radius:25px;
  box-shadow: 5px 5px 0 0 #CC8E4E;
  float: left;
  top: -210px;
  left: 200px;
}

.boca1{
  position: relative;
  height:10px;
  width:70px;
  background:#F08282;
  border-radius: 25px 25px 25px 0;
  top:-55px;
  left:170px;
}

.boca2{
  position: relative;
  height:10px;
  width:70px;
  background:#F08282;
  border-radius: 25px 25px 0 25px;
  top:-65px;
  left:230px;
}

.boca3{
  position: relative;
  height:10px;
  width:130px;
  background:#F37373;
  border-radius:50px;
  top:-40px;
  left:170px;

}


.marro{
  position: relative;
  width:350px;
  height:230px;
  background: rgba(93, 35, 14, 0.8);
  border-radius:100%;
  top:170px;
  left:60px;

}

.carn{
  position: relative;
  width:330px;
  height:70px;
  background: #ffd9bd;
  border-radius:100%;
  top:-20px;
  left: 70px;
}
.grupdreta{
  position: relative;
  top: -1650px;
  left: 110px;
}

.grupesquerra{
  position: relative;
  top: -3300px;
  left:-110px;
}

.arracada1{
  position: relative;
  height:35px;
  width:27px;
  background:transparent;
  border-radius:25px;
  box-shadow: 0 5px 0 0 #909090;
  top:-490px;
  left:470px;
}
.arracada2{
  position: relative;
  height:45px;
  width:27px;
  background:transparent;
  border-radius:25px;
  box-shadow: 0 5px 0 0 #909090;
  top:-525px;
  left:470px;
}


.orelles{
  width:80px;
  height:150px;
}

.orellaesq{
  width:60px;
  height:150px;
  background:#f7c49e;
  border-radius: 0 50px 80px 0;
  position: relative;
  top: -300px;
  left: 460px;
}

.orelladreta{
  width:60px;
  height:150px;
  background:#f7c49e;
  border-radius: 50px 0 0 80px;
  position: relative;
  top: -450px;
  left: -60px;
}