.bgcp {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
}
.num {
  position: absolute;
  top: 24%;
  height: 15%;
  border-radius: 3em;
  background-color: #fff;
  padding: 1% 1% 1% 1%;
  font-size: 4vh;
  left: 50%;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  display: none;
  padding: 3%;
  z-index: 9;
}
.plus,.plus1,.plus2,.plus3,.plus4 {
  position: absolute;
  height: 16px;
  width: 16px;
  left: 48%;
  top: 56%;
  display: none;
}
.sp-1 {
  position: absolute;
  top: 14%;
  width: 44%;
  height: 33%;
  right: 5%;
}
.p1sclass {
  font-weight: bold;
}
.girl1 {
  position: absolute;
  bottom: -50px;
  left: 35%;
}
.balon {
  position: absolute;
  top: 100%;
  height: 40%;
}
.bln_11 {
  left: 42%;
  height: 40%;
}
.bln_12 {
  left: 46%;
}
.bln_13 {
  left: 46%;
}
.bln_14 {
  left: 46%;
}
.bln_15 {
  left: 46%;
}
.bln_16 {
  left: 53%;
}
.bln_17 {
  left: 60%;
}
.bln_18 {
  left: 67%;
}
.bln_19 {
  left: 74%;
}
.bln_20 {
  left: 81%;
}
.bln_21 {
  left: 42%;
  height: 35%;
}
.bln_22 {
  left: 42%;
  height: 35%;
}
.bln_23 {
  left: 40%;
  height: 35%;
}
.bln_24 {
  left: 60%;
  height: 35%;
}
.bln_25 {
  left: 80%;
  height: 35%;
}
.zoom-up{
  left: 30%;
    top: 38% !important;
    animation: scaleup 3s !important;
    animation-fill-mode: forwards;
    animation-iteration-count: 3;
}
@keyframes scaleup{
  from{
transform: scale(1);
left: 30%;
top: 38% !important;
  }
  to{
transform: scale(1.2);
left: 30% !important;
    top: 38% !important;
  }
}

.zoom-up1{
  left: 54%;
    top: 38% !important;
    animation: scaleup1 3s !important;
    animation-fill-mode: forwards;
    animation-iteration-count: 3;
}
@keyframes scaleup1{
  from{
transform: scale(1);
left: 54%;
top: 38% !important;
  }
  to{
transform: scale(1.2);
left: 54% !important;
top: 38% !important;
  }
}
/* ------------------------ */

.bln_1_anim {
  animation: ballon1_anim 3s forwards;
}
@keyframes ballon1_anim {
  from {
    left: 40%;
  }
  to {
    left: 32%;
  }
}

.bln_1_1_anim {
  animation: ballon1_1_anim 3s forwards;
}
@keyframes ballon1_1_anim {
  from {
    left: 42%;
  }
  to {
    left: 30%;
  }
}

.bln_1_2_anim {
  animation: ballon1_2_anim 3s forwards;
}
@keyframes ballon1_2_anim {
  from {
    left: 42%; 
  }
  to {
    left: 26%;
    height: 53%;
  }
}

.bln_2_anim {
  animation: ballon2_anim 3s forwards;
}
@keyframes ballon2_anim {
  from {
    left: 46%;
  }
  to {
    left: 52%;
  }
}

.bln_2_1_anim {
  animation: bln2_1_anim 3s forwards;
}
@keyframes bln2_1_anim {
  from {
    left: 46%;
  }
  to {
    left: 50%;
  }
}

.bln_2_2_anim {
  animation: bln2_2_anim 3s forwards;
}
@keyframes bln2_2_anim {
  from {
    left: 46%;
  }
  to {
    left: 49%;
  }
}

.bln_3_anim {
  animation: ballon3_anim 3s forwards;
}
@keyframes ballon3_anim {
  from {
    left: 46%;
  }
  to {
    left: 60%;
  }
}

.bln_3_1_anim {
  animation: bln3_1_anim 3s forwards;
}
@keyframes bln3_1_anim {
  from {
    left: 46%;
  }
  to {
    left: 58%;
  }
}

.bln_3_2_anim {
  animation: bln3_2_anim 3s forwards;
}
@keyframes bln3_2_anim {
  from {
    left: 46%;
  }
  to {
    left: 57%;
  }
}

.bln_4_anim {
  animation: bln_4_anim 3s forwards;
}
@keyframes bln_4_anim {
  from {
    left: 46%;
  }
  to {
    left: 66%;
  }
}

.bln_4_1_anim {
  animation: bln4_1_anim 3s forwards;
}
@keyframes bln4_1_anim {
  from {
    left: 46%;
  }
  to {
    left: 65%;
  }
}

.bln_5_anim {
  animation: bln5_anim 3s forwards;
}
@keyframes bln5_anim {
  from {
    left: 46%;
  }
  to {
    left: 73.5%;
  }
}

.bln_5_1_anim {
  animation: bln5_1_anim 3s forwards;
}
@keyframes bln5_1_anim {
  from {
    left: 46%;
  }
  to {
    left: 72.5%;
  }
}

.bln_6_anim {
  animation: bln6_anim 3s forwards;
}
@keyframes bln6_anim {
  from {
    left: 46%;
  }
  to {
    top: 50%;
    left: 54%;
  }
}

.bln_7_anim {
  animation: bln7_anim 3s forwards;
}
@keyframes bln7_anim {
  from {
    left: 46%;
  }
  to {
    left: 61.5%;
    top: 50%;
  }
}

.bln_8_anim {
  animation: bln8_anim 3s forwards;
}
@keyframes bln8_anim {
  from {
    left: 46%;
  }
  to {
    left: 69%;
    top: 50%;
  }
}

.bln_9_anim {
  animation: bln9_anim 3s forwards;
}
@keyframes bln9_anim {
  from {
    left: 46%;
  }
  to {
    left: 77.5%;
    top: 50%;
  }
}

.bln_10_anim {
  animation: bln10_anim 3s forwards;
}
@keyframes bln10_anim {
  from {
    left: 46%;
  }
  to {
    left: 85.5%;
    top: 50%;
  }
}

.bln_10_1_anim {
  animation: bln10_1_anim 3s forwards;
}
@keyframes bln10_1_anim {
  from {
    left: 42%;
  }
  to {
    left: 54%;
  }
}

/* ------------------------ */

.plus1 {
  left: 46%;
}
.plus2 {
  left: 47%;
}
.plus3 {
  left: 57%;
}
.plus4 {
  left: 77%;
}
.toptxt {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  text-align: center;
  font-size: 3vw;
  background-color: #fad270;
  padding: 1% 1% 0% 1%;
  z-index: 9;
}
.btmtext{
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  text-align: center;
  font-size: 3vw;
  background-color: #fad270;
  padding: 1% 1% 0% 1%;
  z-index: 9;

}

.bgcp {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
}
.cn1 {
  position: absolute;
  top: 20%;
  left: 28%;
  font-size: 4vw;
  z-index: 20;
  color: #ee6987;
  font-family: sniglet;
  transform: rotate(-30deg);
}
.cn2 {
  position: absolute;
  top: 20%;
  left: 55%;
  font-size: 4vw;
  z-index: 20;
  color: #38761d;
  font-family: sniglet;
}
.cn3 {
  position: absolute;
  top: 21%;
  left: 80%;
  font-size: 4vw;
  z-index: 20;
  color: #b45f06;
  font-family: sniglet;
  transform: rotate(30deg);
}

.nmb {
  position: absolute;
  top: 65%;
  left: 0%;
  font-size: 4vw;
  z-index: 20;
  font-family: sniglet;
  width: 100%;
  text-align: center;
}
.grade {
  position: absolute;
  top: 63%;
  left: 0%;
  font-size: 3vw;
  z-index: 20;
  color: #5b5f67;
  width: 100%;
  text-align: center;
}
.cn4 {
  position: absolute;
  top: 40%;
  left: 39%;
  font-size: 4vw;
  z-index: 20;
  color: #ee6987;
  font-family: sniglet;
}
.cn5 {
  position: absolute;
  top: 40%;
  left: 70%;
  font-size: 4vw;
  z-index: 20;
  color: #38761d;
  font-family: sniglet;
}