.cap{
  margin:auto;
  width:400px;
  height:500px;
  background:#CF8B4F;
  border-radius: 400px 400px 600px 600px;
  margin-top:80px;
}




.cabell{
  width: 400px;
  height: 90px;
  background-color:#3C2100;
  border-radius:40%;

}


.un{
  height:174px;
  width:174px;
  background:#4D2B02;
  border-radius:100%;
  margin-left:-80px;
}

.dos{
  height:170px;
  width:170px;
  background:#3C2100;
  border-radius:100%;
  margin-left:-20px;
  box-shadow: 5px 10px 30px #000000;
}


.prueba{
 width: 100px;
 height: 100px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 -moz-box-shadow: 30px 10px 0 #3C2100;
 -webkit-box-shadow: 30px 10px 0 #3C2100;
 box-shadow: 30px 10px 0 #4D2B02;
  margin:auto;
  margin-left:70px;
}


.puede{
 width: 150px;
 height: 150px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 -moz-box-shadow: 30px 10px 0 #3C2100;
 -webkit-box-shadow: 30px 10px 0 #3C2100;
 box-shadow: -30px -10px 0 #4D2B02;
  margin:auto;
  margin-left:50px;
  margin-top: -30px;

}

.puedee{
 width: 90px;
 height: 90px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 -moz-box-shadow: 30px 10px 0 #3C2100;
 -webkit-box-shadow: 30px 10px 0 #3C2100;
 box-shadow: 30px 10px 0 #4D2B02;
  margin:auto;
  margin-left:70px;
  margin-top: -130px;

}

.ñu{
  height: 60px;
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
  width:230px;
  float:left;
  margin-left:450px;
  margin-top:-150px;
  background-color:#3C2100;

}

.ño{
  height: 60px;
  border-top-left-radius: 50% 100%;
  border-top-right-radius: 50% 100%;
  width:240px;
  background-color:#3C2100;
  margin-right:470px;
  float:right;
  margin-top:-150px;

}


.tres{
  height:200px;
  width:200px;
  background:#4D2B02;
  border-radius:100%;
  margin-top:-40px;
  margin-left:-160px;
}

.quatre{
  height:200px;
  width:200px;
  background:#3C2100;
  border-radius:100%;
  margin-top:-50px;
  margin-left:-10px;
  box-shadow: inset 5px 10px 30px #000000;

}



.clara{
width: 100px;
height: 100px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-moz-box-shadow: 30px 10px 0 #3C2100;
-webkit-box-shadow: 30px 10px 0 #3C2100;
box-shadow: -30px -10px 0 #4D2B02;
 margin:auto;
 margin-left:50px;
 margin-top:-100px;
}
.clar{
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: 20px 10px 0 #4D2B02;
   margin:auto;
   margin-left:10px;
   margin-top:-60px;
   transform:rotate(-20deg);
  }

.cinc{
  height:230px;
  width:230px;
  background:#4D2B02;
  border-radius:100%;
  margin-top:-20px;
  margin-left:-140px;
  box-shadow: 0 10px 30px #000000;

}
.sis{
  height:230px;
  width:230px;
  background:#3C2100;
  border-radius:100%;
  margin-top:-30px;
  margin-left:-20px;
  box-shadow: inset 5px 10px 50px #000000;
}
.puc{
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: -30px -10px 0 #4D2B02;
   margin:auto;
   margin-left:40px;
}
.vull{
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: 30px 10px 0 #4D2B02;
   margin:auto;
   margin-left:50px;
   margin-top:-90px;
}

.sense{
  width: 190px;
  height: 190px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: -30px -10px 0 #4D2B02;
   margin:auto;
   margin-left:20px;
   margin-top:-170px;
}


.set{
  height:190px;
  width:190px;
  background-image: linear-gradient(#3C2100, #7E4501);
  border-radius:100%;
  margin-top:-70px;
  margin-left:-10px;
}

.jo{
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: 30px 10px 0 #4D2B02 ;
  margin:auto;
  margin-left:21px;
}
.ja{
  width: 130px;
  height: 130px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: -30px -10px 0 #4D2B02;
  margin:auto;
  margin-left:30px;
}


.wn{
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: -30px -10px 0 #4D2B02;
  margin:auto;
  margin-left:20px;
  margin-top:-50px;
  transform:rotate(-10deg);
}



.co{
  width: 190px;
  height: 190px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: -30px -10px 0 #4D2B02;
   margin:auto;
   margin-left:20px;
   margin-top:-170px;
}

.vuit{
  height:150px;
  width:150px;
  background:#3C2100;
  border-radius:100%;
  margin-left:-95px;
  box-shadow: inset 5px 10px 50px #000000;
}
.ko{
  width: 130px;
  height: 130px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
  box-shadow: -30px -10px 0 #4D2B02;
  margin:auto;
  margin-left:20px;
}

.ka{
  width: 90px;
  height: 90px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100 ;
  box-shadow: 20px 10px 0 #4D2B02;
  margin:auto;
  margin-left:40px;
  margin-top:-120px;
  transform:rotate(-90deg);
}

.uno{
  height:174px;
  width:174px;
  background:#4D2B02;
  border-radius:100%;
  margin-left:310px;
  margin-top:-640px;
}

.do{
  height:170px;
  width:170px;
  background:#3C2100;
  border-radius:100%;
  margin-left:20px;
  margin-top:-640px;
}



.ba{
   width: 120px;
   height: 120px;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   -moz-box-shadow: 30px 10px 0 #3C2100;
   -webkit-box-shadow: 30px 10px 0 #3C2100;
    box-shadow: 30px 10px 0 #4D2B02;
    margin:auto;
    margin-left:-10px;
    margin-top:-100px;
}

.trees{
  height:200px;
  width:200px;
  background:#4D2B02;
  border-radius:100%;
  margin-top: -50px;
  margin-left: 370px;
  box-shadow: 0 10px 30px #000000;
}
.cuatro{
  height:200px;
  width:200px;
  background:#3C2100;
  border-radius:100%;
  margin-top: -50px;
  margin-left: 15px;
  box-shadow: inset 0 10px 30px #000000;
}

.bo{
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
   box-shadow: 30px 10px 0 #4D2B02;
   margin:auto;
   margin-left:-10px;
   transform:rotate(-57deg);
}

.ro{
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
   box-shadow: -30px -10px 0 #4D2B02;
   margin:auto;
   margin-left:-20px;
   margin-top:-50px;
}
.cinco{
  height:240px;
  width:240px;
  background:#4D2B02;
  border-radius:100%;
  margin-top: 20px;
  margin-left: 320px;
  box-shadow: 0 10px 30px #000000;
}
.seis{
  height:230px;
  width:230px;
  background:#3C2100;
  border-radius:100%;
  margin-top: -60px;
  margin-left: 20px;
  box-shadow: inset 0 10px 30px #000000;
}

.xi{
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
   box-shadow: 30px 10px 0 #4D2B02;
   margin:auto;
   margin-left:20px;
}

.xin{
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
   box-shadow: 30px 10px 0 #4D2B02;
   margin:auto;
   margin-left:118px;
   margin-top:-50px;
}

.xa{
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
   box-shadow: -30px -10px 0 #4D2B02;
   margin:auto;
   margin-left:0px;
   margin-top:-50px;
}

.wo{
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
   box-shadow: -30px -10px 0 #4D2B02;
   margin:auto;
   margin-left:10px;
   margin-top:-180px;
}
.siete{
  height:190px;
  width:190px;
  background-image: linear-gradient(#3C2100, #7E4501);
  border-radius:100%;
  margin-top:-70px;
  margin-left:250px;
}
.ocho{
  height:150px;
  width:150px;
  border-radius:100%;
  margin-left:100px;
  background:#3C2100;
  box-shadow: inset 0 10px 30px #000000;
}

.we{
  width: 100px;
  height: 100px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
   box-shadow: 30px 10px 0 #4D2B02;
   margin:auto;
   margin-left:30px;
}

.wu{
  width: 40px;
  height: 40px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 30px 10px 0 #3C2100;
  -webkit-box-shadow: 30px 10px 0 #3C2100;
   box-shadow: -30px -10px 0 #4D2B02;
   margin:auto;
   margin-left:70px;
   margin-top:-70px;
}


.front {
  height: 90px;
  margin-top:-10px;

}

.cellas {
  height:40px;
  padding: 0;
}

.ca{
  width:120px;
  height:30px;
  float:left;
  background:#3C2100;
  margin-left:30px;
  border-radius:80% 0% 30% 0%;
}

.linea{
  width:20px;
  height:20px;
  background:yellow;
}

.nas{
    height:85px;
    width:30%;
    margin:auto;
}
.recte{
    width: 30px;
    height:40px;
    background:#C68245;
    margin: auto;
    border-radius:10%;

}
.na{
    padding: 0px;
    width: 60px;
    height:30px;
    background-color:#C68245;
    border-radius:30%;
    margin: auto;
    margin-top:-10px;

}
.lunar{
    height:85px;
    width:20%;
    float:right;
    margin-right:60px;
    margin-top:-85px;
}

.punt{
  width:8px;
  height:8px;
  background:black;
  border-radius:100%;
  margin: auto;
  margin-top:30px;
}
.boca{
  height:80px;
  width:108px;
  padding: 0;
  margin: auto;
}
.sup{
  width:59px;
  height:59px;
  background-image:linear-gradient(#FF0000,#FFA200);
  border-radius:40px;
  margin-left:5px;
  display: inline-block;

}

.supe{
  width:59px;
  height:59px;
  background-image:linear-gradient(#FF0000,#FFA200);
  border-radius:40px;
  margin-left:35px;
  display: inline-block;
}
.s{
  width:12px;
  height:8px;
  background:white;
  border-radius:100%;
  margin-top:-10px;
  margin-left:20px;
}
.inf{
  width:92px;
  height:42px;
  background-image:linear-gradient(#FFA200,#FF0000,#C500FF);
  border-radius:50%;
  border-style: solid;
  border:#FFA200;
  margin-left:-34px;
  margin-top:20px;
  display: inline-block;
}

.ce{
  width:120px;
  height:30px;
  background:#3C2100;
  float:right;
  margin-right:30px;
  border-radius:0% 80% 0% 30%;
}

.ulls {
  height: 60px;
  padding: 0;
}

.esquerra, .dreta{
  margin: 0;
  width: 50%;
  float: left;
}


.blanc{
  margin-left:10px;
  width:100px;
  height:60px;
  background:white;
  border-radius:0% 100% 0% 120%;
  transform: rotate(-25deg);
  display: inline-block;
}


.bla {
  border-radius:100% 0% 120% 0%;
  right:40px;
  width:100px;
  height:60px;
  background:white;
  transform: rotate(25deg);
}


.iris{
  width: 45px;
  height:45px;
  display:inline-block;
  border-radius: 50%;
  background-image:radial-gradient(#3C2100, #000000 100%);
  margin-right:40px;
  margin-left:26px;
  margin-top:6px;
}

.pupila{
  width: 20px;
  height:20px;
  background:black;
  box-shadow:10px;
  border-radius:20px;
  margin:auto;
  margin-top:10px;

}

.pestana{
  width:110px;
  height:40px;
  margin-right:40px;
  margin-left:40px;
  background:#3C2100;
  border-radius:100%;
  display: inline-block;
}

.hi{
  width:60px;
  height:60px;
  margin-top:-60px;
  margin-left:80px;
}

.ho{
  width:60px;
  height:60px;
  margin-top:-60px;
  margin-left:260px;
}

.yo{
  background-color:none;
  width:70px;
  height:70px;
  border-radius:100%;
  margin: auto;

}

.ya{
  background-color:none;
  width:70px;
  height:70px;
  border-radius:100%;
  margin: auto;
  margin-top:-10px;
}


.yo:hover{
  background-image:radial-gradient(#FF4D2B 30%, red);
  box-shadow:0 0 15px red;
  transition: 5s;
}

.ya:hover{
  background-image:radial-gradient(#FF4D2B 30%, red);
  box-shadow:0 0 15px red;
  transition: 5s;
}