@keyframes font-desgin {
  0%{
    opacity: 0;
  }
  25%{
    opacity: 0.3;
  }
  50%{
    opacity: 0.5;
  }
  75%{
    opacity: 0.3;
  }
  100%{
    opacity: 0;
  }
}

@keyframes hexagonspinner {
  0%{
    top:-8px;
  }
  50%{
    top:99%
  }
  100%{
    top:-8px;
  }
}

@keyframes sendTelegram {
  0% {
    offset-distance: 0%;
    font-size: 30px;
  }
  50%{
    offset-distance: 50%;
    font-size: 25px;
  }
  100% {
    offset-distance: 100%;
    font-size: 0px;
  }
}

@keyframes firstchild {
  0%{
    top:80px;
    left: 90px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  7%{
    top:-30px;
    left: 90px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  14%{
    top:-30px;
    left: 400px;
    filter: drop-shadow(-20px 10px 4px #ffc800);
  }
  21%{
    top:100px;
    left: 400px;
    filter: drop-shadow(-10px -10px 4px #ffc800);
  }
  21.2%,21.4%,21.6%,21.8%,22%{
    top:100px;
    left: 400px;
    filter: drop-shadow(-10px -10px 4px #ffc800);
  }
  29%{
    top:160px;
    left: 400px;
    filter: drop-shadow(-10px -10px 4px #ffc800);
  }
  36%{
    top: 160px;
    left: 180px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  43%{
    top: 80px;
    left: 180px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  44%,45%,46%,47%,48%,49%,50%{
    top: 80px;
    left: 180px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  57%{
    top: 160px;
    left: 180px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  64%{
    top:160px;
    left: 400px;
    filter: drop-shadow(-10px -10px 4px #ffc800);
  }
  71%{
    top:100px;
    left: 400px;
    filter: drop-shadow(-10px 10px 4px #ffc800);
  }
  71.2%,71.4%,71.6%,71.8%,72%{
    top:100px;
    left: 400px;
    filter: drop-shadow(-10px 10px 4px #ffc800);
  }
  79%{
    top:-30px;
    left: 400px;
    filter: drop-shadow(-10px 10px 4px #ffc800);
  }
  86%{
    top:-30px;
    left: 90px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  93%{
    top:80px;
    left: 90px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  94%,95%,96%,97%,98%,99%,100%{
    top:80px;
    left: 90px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }

}

@keyframes secondchild {
  0%{
    top:35px;
    left: 180px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  7%{
    top:180px;
    left: 180px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  14%{
    top:180px;
    left: 30px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  21%{
    top:160px;
    left: 30px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  21.2%,21.4%,21.6%,21.8%,22%{
    top:160px;
    left: 30px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
   29%{
    top:-30px;
    left: 30px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  36%{
    top: -30px;
    left: 350px;
    filter: drop-shadow(-10px 10px 4px #ffc800);
  }
  43%{
    top: 45px;
    left: 350px;
    filter: drop-shadow(-10px -10px 4px #ffc800);
  }
  44%,45%,46%,47%,48%,49%,50%{
    top: 45px;
    left: 350px;
    filter: drop-shadow(-10px -10px 4px #ffc800);
  }
  57%{
    top: -30px;
    left: 350px;
    filter: drop-shadow(-10px 10px 4px #ffc800);
  }
  64%{
    top: -30px;
    left: 30px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  71%{
    top: 160px;
    left: 30px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  71.2%,71.4%,71.6%,71.8%,72%{
    top: 160px;
    left: 30px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  79%{
    top: 180px;
    left: 30px;
    filter: drop-shadow(-10px 10px 4px #ffc800);
  }
  86%{
    top: 180px;
    left: 180px;
    filter: drop-shadow(-10px 10px 4px #ffc800);
  }
  93%{
    top: 35px;
    left: 180px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  94%,95%,96%,97%,98%,99%,100%{
    top:35px;
    left: 180px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  } 

}

@keyframes thirdchild {
  0%{
    top:110px;
    left: 240px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  7%{
    top: -30px;
    left: 240px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  14%{
    top: -30px;
    left: 90px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  21%{
    top: 80px;
    left: 90px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  21.2%,21.4%,21.6%,21.8%,22%{
    top: 80px;
    left: 90px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
   29%{
    top:160px;
    left: 90px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  36%{
    top: 160px;
    left: 30px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  43%{
    top: -30px;
    left: 30px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  44%,45%,46%,47%,48%,49%,50%{
    top: -30px;
    left: 30px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  79%{
    top: -30px;
    left: 240px;
    filter: drop-shadow(-10px 10px 4px #ffc800);
  }
  86%{
    top: 110px;
    left: 240px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  93%{
    top: 110px;
    left: 240px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  94%,95%,96%,97%,98%,99%,100%{
    top: 110px;
    left: 240px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  } 

}

@keyframes fourthchild {
  0%{
    top:45px;
    left: 320px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  7%{
    top:160px;
    left: 320px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  14%{
    top: 160px;
    left: 180px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  21%{
    top: 35px;
    left: 180px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  21.2%,21.4%,21.6%,21.8%,22%{
    top:35px;
    left: 180px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  29%{
    top: -30px;
    left: 180px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  36%{
    top: -30px;
    left: 30px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  43%{
    top: 160px;
    left: 30px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  44%,45%,46%,47%,48%,49%,50%{
    top: 160px;
    left: 30px;
    filter: drop-shadow(10px -10px 4px #ffc800);
  }
  57%{
    top: 160px;
    left: 320px;
    filter: drop-shadow(-10px -10px 4px #ffc800);
  }
  64%{
    top:45px;
    left: 320px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }
  100%{
    top:45px;
    left: 320px;
    filter: drop-shadow(10px 10px 4px #ffc800);
  }

}