p.num > div:lang(np) {
  font-size: 76%;
  margin-right: 10%;
}
.coverpage {
  width: 102%;
}

.rhinoimgdiv {
  position: absolute;
  top: 49%;
  width: 15%;
  float: left;
  left: 20%;
}
.squirrelisteningimg {
  position: absolute;
  top: 58%;
  width: 14%;
  float: left;
  left: 71%;
}

.commonbtn:hover {
  background-color: rgb(230, 145, 56);
  border: 2px solid;
  border-color: rgb(246, 178, 107);
}
.ptime {
  position: absolute;
  width: 27%;
  height: 15%;
  top: 56%;
  left: 41%;
  color: white;
}
.bg1 {
  background-color: #b5f3eb;
  background-size: 100% 100%;
}

.lstimgbg {
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.firstContainer {
  height: 43%;
  width: 78%;
  left: 11%;
  position: absolute;
  /* border: 2px solid black; */
  top: 33%;
  display: flex;
  justify-content: space-around;
  flex-flow: row;
}
.opnContainer {
  height: 100%;
  /* border: 2px solid yellow; */
  width: 20%;
  cursor: pointer;
}

.coconut1 {
  width: 65%;
  top: 20%;
  left: 5%;
  position: absolute;
}
.coconut2 {
  width: 65%;
  top: 7%;
  left: 5%;
  position: absolute;
}
.coconut3 {
  width: 70%;
  top: 20%;
  left: 5%;
  position: absolute;
}
.coconut4 {
  width: 70%;
  top: 4%;
  left: 12%;
  position: absolute;
}
.coconut5 {
  width: 70%;
  top: 20%;
  left: 24%;
  position: absolute;
}
.coconut_text {
  position: relative;

  z-index: 1000;

  color: #ffff;
}
.coconut_text1 {
  left: -33%;
  top: 52%;
}
.coconut_text2 {
  left: -18%;
  top: 36%;
}
.coconut_text3 {
  left: -1%;
  top: 35%;
}
.coconut_text4 {
  left: 15%;
  top: 21%;
}
.coconut_text5 {
  left: 32%;
  top: 18%;
}
.num1 {
  top: 35%;
  left: 22%;
  position: absolute;
  font-size: 7vh;
  color: #fff;
}
.num2 {
  top: 22%;
  left: 29%;
  position: absolute;
  font-size: 6vh;
  color: #fff;
}
.num3 {
  top: 35%;
  left: 26%;
  position: absolute;
  font-size: 7vh;
  color: #fff;
}
.num4 {
  top: 16%;
  left: 41%;
  position: absolute;
  font-size: 7vh;
  color: #fff;
}
.num5 {
  top: 35%;
  left: 44%;
  position: absolute;
  font-size: 7vh;
  color: #fff;
}
.img1 {
  height: 10%;
  width: 18%;
  left: 50%;
  font-family: happymonkey;
  transform: translateX(-50%);
  position: absolute;
  bottom: 0%;
  display: flex;
  justify-content: space-around;
  flex-flow: row;
  z-index: 100;
}
.ball {
  position: absolute;
  bottom: 0%;
  width: 28%;
}
.corincor_img {
  position: absolute;
  top: 100%;
  left: 50%;
  font-family: happymonkey;
  transform: translate(-50%);
  width: 20%;
  display: none;
}
.imagestartpos {
  font-family: happymonkey;
  position: absolute;
  width: 14%;
  display: none;
  left: 75%;
  top: 19%;
  transform: translateY(-7%);
}
.tick {
  left: 100%;
}

.box {
  position: absolute;
  width: 100%;
  height: 13%;
  font-family: happymonkey;
  background-color: #0a90db;
  top: 0%;
  padding: 2%;
  color: #fff;
  font-size: 3.2vw;
}
.rope {
  width: 77%;
}
.hand {
  width: 100%;
}
.pic {
  position: absolute;
  top: 25%;
  width: 50%;
}
.optionsdiv {
  position: absolute;
  width: 35%;
  height: 70%;
  top: 30%;
  font-family: happymonkey;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  left: 10%;
  justify-content: space-around;
}
.optionscontainer {
  position: relative;
  width: 100%;
  background-color: #7b74d4;
  padding: 5%;
  font-family: happymonkey;
  border-radius: 1em;
  color: #fff;
}
.optionscontainer:hover {
  background-color: #d9d9d9;
  color: #000;
  font-family: happymonkey;
  cursor: pointer;
}
.text {
  font-weight: bold;
}
.messagediv {
  position: absolute !important;
  text-align: center;
  width: 100%;
  top: 6%;
  font-size: 3vw;
  font-family: happymonkey;
}
@media (min-aspect-ratio: 4/3) {
  .box,
  .messagediv {
    font-size: 4.2vh;
  }
}
@media (max-aspect-ratio: 4/3) {
  .box {
    font-size: 3.2vw;
  }
}

.addcss {
  /* transform: translateX(-50deg); */
  animation: shimmy 1s forwards;
  animation-direction: alternate;
  /* transform: scaleX(0); */
}
@keyframes shimmy {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(20px, 50px);
    transform: scaleX(0);
  }
}

.playagain {
  font-family: happymonkey;
  position: absolute;
  top: 41%;
  cursor: pointer;
  left: 5%;
  height: 20%;
  width: 30%;
}
.mainmenu {
  font-family: happymonkey;
  position: absolute;
  top: 15%;
  left: 26%;
  cursor: pointer;
  height: 20%;
  width: 30%;
}
.learnagain {
  font-family: happymonkey;
  position: absolute;
  top: 39%;
  left: 47%;
  cursor: pointer;
  height: 20%;
  width: 30%;
}
.colorchange {
  animation: colorchange 1s ease-in both infinite;
}
@keyframes colorchange {
  0% {
    color: black;
  }
  50% {
    color: green;
  }
  100% {
    color: black;
  }
}
.mainmenu:hover,
.learnagain:hover,
.playagain:hover {
  transform: scale(1.15);
  transition: 0.3s;
}
.cong {
  position: absolute;
  bottom: 34%;
  width: 83%;
}
.dialougebox {
  position: absolute;
  max-height: 80%;
  min-width: 17%;
  max-width: 70%;
  bottom: 15%;
  font-family: happymonkey;
  background: #8a83d8;
  -webkit-border-radius: 2vmin;
  -moz-border-radius: 2vmin;
  border-radius: 2vmin;
}
.score {
  position: absolute;
  top: 8%;
  left: 78%;
  font-size: 4vh;
}
.newball {
  animation: rod 1s forwards;
}
@keyframes rod {
  20% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(360deg);
    opacity: 0;
  }
  /* 100%{
    transform: rotate(200deg);
    
  } */
}