body{
  background: linear-gradient(yellow, pink)
}
.farm{
  height: 100%;
  background: linear-gradient(yellow,lightblue, pink);
}
.nest{
  position: relative;
  top: 160px;
  margin: 0 auto;;
  height: 300px;
  width: 300px;
  border-radius: 60%;
  background: radial-gradient(circle at center 60%, white 20%, grey 60%);
}
.tail{
  position: absolute;
  left: 80%;
  bottom: 20%;
  height: 100px;
  width: 100px;
  border-radius: 60%;
  background: radial-gradient(circle at right, white, grey);
  z-index: -1;
  animation: tailShake 4s infinte;
}
.head{
  position: absolute;
  bottom: 46%;
  left: 10%;
  height: 200px;
  width: 200px;
  border-radius: 60%;
  background: lightgrey;
}
.eye1{
  position: absolute;
  left: 44%;
  height: 50px;
  width: 50px;
  border-radius: 60%;
  background: radial-gradient(circle at left ,blue, white 60%);
  
}
.eye2{
  position: absolute;
  left: 24%;
  height: 50px;
  width: 50px;
  border-radius: 60%;
  background: radial-gradient(circle at right ,blue, white 60%);
  
}
.pupil1{
  position: absolute;
  left: 20%;
  top: 50%;
  height: 9px;
  width: 9px;
  border-radius: 60%;
  background: black;
  animation: blink 7s infinite;
}
.pupil2{
  position: absolute;
  left: 66%;
  top: 50%;
  height: 9px;
  width: 9px;
  border-radius: 60%;
  background: black;
  animation: blink 7s infinite;
}
.nose{
  position: absolute;
  left: 40%;
  top: 16%;
  height: 25px;
  width: 25px;
  border-radius: 60%;
  background: pink;
  animation: noseSniff 2s infinite;
}
.cheek1{
  position: absolute;
  left: 44%;
  top: 16%;
  height: 80px;
  width: 80px;
  border-radius: 60%;
  background: aliceblue;
  box-shadow: 3px 3px 30px;
  animation: cheekSniff 2s infinite;
}
.cheek2{
  position: absolute;
  left: 10%;
  top: 16%;
  height: 80px;
  width: 80px;
  border-radius: 60%;
  background: aliceblue;
  box-shadow: 0px 0px 30px;
  animation: cheekSniff 2s infinite;
}
.teeth{
  position: absolute;
  left: 40%;
  top: 44%;
  height: 40px;
  width: 30px;
  background: ghostwhite;
  box-shadow: 4px 3px 20px;
}
.rightEar{
    position: absolute;
  left: 10%;
  bottom: 26%;
  height: 200px;
  width: 40px;
  border-radius: 60%;
  background: aliceblue;
  box-shadow: 4px 3px 20px;
}
.rightEarInner{
    position: absolute;
  left: 36%;
  bottom: 20%;
  height: 100px;
  width: 20px;
  border-radius: 60%;
  background: pink;
}
.leftEar{
    position: absolute;
  left: 66%;
  bottom: 23%;
  height: 200px;
  width: 40px;
  border-radius: 60%;
  background: aliceblue;
  box-shadow: 4px 3px 20px;
}
.leftEarInner{
    position: absolute;
  left: 10%;
  bottom: 20%;
  height: 100px;
  width: 20px;
  border-radius: 60%;
  background: lightpink;
}
.leg1{
  position: absolute;
  left: 10%;
  top: 66%;
  height: 100px;
  width: 100px;
  border-radius: 60%;
  background: radial-gradient(circle at right, white, grey);
  z-index: -1;
}
.leg2{
  position: absolute;
  left: 50%;
  top: 66%;
  height: 100px;
  width: 100px;
  border-radius: 60%;
  background: radial-gradient(circle at right, white, grey);
/*   z-index: -1; */
}
.foot1{
  position: absolute;
  right: 50%;
  top: 144%;
  height: 50px;
  width: 150px;
  border-radius: 60%;
  background: radial-gradient(circle at left 20%, white, grey 70%);
  z-index: -1;
  animation: tapTap 3.3s infinite; 
}
.foot2{
  position: absolute;
  left: 65%;
  top: 144%;
  height: 50px;
  width: 150px;
  border-radius: 60%;
  background: radial-gradient(circle at right 90%, white, grey 70%);
  z-index: -1;
}
@keyframes noseSniff{
  0%{transform: translateY(0%);}
  50%{transform: translateY(10%);}
  100%{transform: translateY(0%);}
}
@keyframes cheekSniff{
  0%{transform: translateY(0%);}
  50%{transform: translateY(-3%);}
  100%{transform: translateY(0%);}
}
@keyframes tapTap{
  0%{transform: translateY(0%);}
  50%{transform: translateY(0%);}
  75%{transform: rotate(10deg);}
  100%{transform: translateY(0%);}
}
@keyframes tailShake{
  0% {transform: translateY(0%);}
  50%{transform: translateY(20%);}
  100%{transform: translateY(0%);}
}
@keyframes blink{
  0% {height: 50px;}
  48% {height: 50px;}
  50% {height: 50px;}
  52% {height: 0;}
  100% {height: 50px;}
}