.prize-wrap {
    inset: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
    perspective-origin: center bottom;
    -moz-perspective-origin: center bottom;
    -webkit-perspective-origin: center bottom;
    perspective: 1000px;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    transition: 1.8s;
  }
  
  [class^=coin] {
    background: #efef00 url(https://event.cdn-eztravel.com.tw/events/promotion99/99prornotion_coin_E.png) no-repeat center/100% auto;
    transition: 1.8s;
    animation: falling 12s infinite;
  }
  
  .coin1 {
    position: absolute;
    top: 8%;
    left: 7%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    animation-delay: -0.1s;
  }
  @media (min-width: 768px) {
    .coin1 {
      width: 1px;
      height: 1px;
      border-radius: 50%;
    }
  }
  
  .coin2 {
    position: absolute;
    top: 11%;
    left: 25%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-delay: -0.2s;
  }
  @media (min-width: 768px) {
    .coin2 {
      width: 15px;
      height: 15px;
      border-radius: 50%;
    }
  }
  
  .coin3 {
    position: absolute;
    top: 20%;
    left: 17%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -0.3s;
  }
  @media (min-width: 768px) {
    .coin3 {
      width: 4px;
      height: 4px;
      border-radius: 50%;
    }
  }
  
  .coin4 {
    position: absolute;
    top: 17%;
    left: 57%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    animation-delay: -0.4s;
  }
  @media (min-width: 768px) {
    .coin4 {
      width: 16px;
      height: 16px;
      border-radius: 50%;
    }
  }
  
  .coin5 {
    position: absolute;
    top: 8%;
    left: 87%;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    animation-delay: -0.5s;
  }
  @media (min-width: 768px) {
    .coin5 {
      width: 15px;
      height: 15px;
      border-radius: 50%;
    }
  }
  
  .coin6 {
    position: absolute;
    top: -4%;
    left: 49%;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    animation-delay: -0.6s;
  }
  @media (min-width: 768px) {
    .coin6 {
      width: 32px;
      height: 32px;
      border-radius: 50%;
    }
  }
  
  .coin7 {
    position: absolute;
    top: 5%;
    left: 34%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-delay: -0.7s;
  }
  @media (min-width: 768px) {
    .coin7 {
      width: 13px;
      height: 13px;
      border-radius: 50%;
    }
  }
  
  .coin8 {
    position: absolute;
    top: 19%;
    left: 100%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -0.8s;
  }
  @media (min-width: 768px) {
    .coin8 {
      width: 29px;
      height: 29px;
      border-radius: 50%;
    }
  }
  
  .coin9 {
    position: absolute;
    top: 19%;
    left: 5%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    animation-delay: -0.9s;
  }
  @media (min-width: 768px) {
    .coin9 {
      width: 27px;
      height: 27px;
      border-radius: 50%;
    }
  }
  
  .coin10 {
    position: absolute;
    top: 7%;
    left: 4%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -1s;
  }
  @media (min-width: 768px) {
    .coin10 {
      width: 3px;
      height: 3px;
      border-radius: 50%;
    }
  }
  
  .coin11 {
    position: absolute;
    top: 23%;
    left: 80%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-delay: -1.1s;
  }
  @media (min-width: 768px) {
    .coin11 {
      width: 18px;
      height: 18px;
      border-radius: 50%;
    }
  }
  
  .coin12 {
    position: absolute;
    top: 15%;
    left: 92%;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    animation-delay: -1.2s;
  }
  @media (min-width: 768px) {
    .coin12 {
      width: 8px;
      height: 8px;
      border-radius: 50%;
    }
  }
  
  .coin13 {
    position: absolute;
    top: 18%;
    left: 66%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    animation-delay: -1.3s;
  }
  @media (min-width: 768px) {
    .coin13 {
      width: 36px;
      height: 36px;
      border-radius: 50%;
    }
  }
  
  .coin14 {
    position: absolute;
    top: 15%;
    left: 98%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    animation-delay: -1.4s;
  }
  @media (min-width: 768px) {
    .coin14 {
      width: 30px;
      height: 30px;
      border-radius: 50%;
    }
  }
  
  .coin15 {
    position: absolute;
    top: 2%;
    left: 16%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    animation-delay: -1.5s;
  }
  @media (min-width: 768px) {
    .coin15 {
      width: 19px;
      height: 19px;
      border-radius: 50%;
    }
  }
  
  .coin16 {
    position: absolute;
    top: 14%;
    left: 50%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    animation-delay: -1.6s;
  }
  @media (min-width: 768px) {
    .coin16 {
      width: 2px;
      height: 2px;
      border-radius: 50%;
    }
  }
  
  .coin17 {
    position: absolute;
    top: 12%;
    left: 15%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-delay: -1.7s;
  }
  @media (min-width: 768px) {
    .coin17 {
      width: 18px;
      height: 18px;
      border-radius: 50%;
    }
  }
  
  .coin18 {
    position: absolute;
    top: -3%;
    left: 11%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-delay: -1.8s;
  }
  @media (min-width: 768px) {
    .coin18 {
      width: 13px;
      height: 13px;
      border-radius: 50%;
    }
  }
  
  .coin19 {
    position: absolute;
    top: 22%;
    left: 68%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -1.9s;
  }
  @media (min-width: 768px) {
    .coin19 {
      width: 4px;
      height: 4px;
      border-radius: 50%;
    }
  }
  
  .coin20 {
    position: absolute;
    top: 15%;
    left: 33%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    animation-delay: -2s;
  }
  @media (min-width: 768px) {
    .coin20 {
      width: 32px;
      height: 32px;
      border-radius: 50%;
    }
  }
  
  .coin21 {
    position: absolute;
    top: 7%;
    left: 83%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation-delay: -2.1s;
  }
  @media (min-width: 768px) {
    .coin21 {
      width: 7px;
      height: 7px;
      border-radius: 50%;
    }
  }
  
  .coin22 {
    position: absolute;
    top: 4%;
    left: 95%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation-delay: -2.2s;
  }
  @media (min-width: 768px) {
    .coin22 {
      width: 17px;
      height: 17px;
      border-radius: 50%;
    }
  }
  
  .coin23 {
    position: absolute;
    top: 21%;
    left: 35%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-delay: -2.3s;
  }
  @media (min-width: 768px) {
    .coin23 {
      width: 7px;
      height: 7px;
      border-radius: 50%;
    }
  }
  
  .coin24 {
    position: absolute;
    top: 10%;
    left: 95%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    animation-delay: -2.4s;
  }
  @media (min-width: 768px) {
    .coin24 {
      width: 29px;
      height: 29px;
      border-radius: 50%;
    }
  }
  
  .coin25 {
    position: absolute;
    top: 20%;
    left: 63%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -2.5s;
  }
  @media (min-width: 768px) {
    .coin25 {
      width: 40px;
      height: 40px;
      border-radius: 50%;
    }
  }
  
  .coin26 {
    position: absolute;
    top: 11%;
    left: 60%;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    animation-delay: -2.6s;
  }
  @media (min-width: 768px) {
    .coin26 {
      width: 12px;
      height: 12px;
      border-radius: 50%;
    }
  }
  
  .coin27 {
    position: absolute;
    top: 15%;
    left: 87%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    animation-delay: -2.7s;
  }
  @media (min-width: 768px) {
    .coin27 {
      width: 9px;
      height: 9px;
      border-radius: 50%;
    }
  }
  
  .coin28 {
    position: absolute;
    top: 16%;
    left: 27%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    animation-delay: -2.8s;
  }
  @media (min-width: 768px) {
    .coin28 {
      width: 10px;
      height: 10px;
      border-radius: 50%;
    }
  }
  
  .coin29 {
    position: absolute;
    top: 18%;
    left: 61%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    animation-delay: -2.9s;
  }
  @media (min-width: 768px) {
    .coin29 {
      width: 16px;
      height: 16px;
      border-radius: 50%;
    }
  }
  
  .coin30 {
    position: absolute;
    top: 6%;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -3s;
  }
  @media (min-width: 768px) {
    .coin30 {
      width: 29px;
      height: 29px;
      border-radius: 50%;
    }
  }
  
  .coin31 {
    position: absolute;
    top: -3%;
    left: 57%;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    animation-delay: -3.1s;
  }
  @media (min-width: 768px) {
    .coin31 {
      width: 22px;
      height: 22px;
      border-radius: 50%;
    }
  }
  
  .coin32 {
    position: absolute;
    top: 21%;
    left: 91%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    animation-delay: -3.2s;
  }
  @media (min-width: 768px) {
    .coin32 {
      width: 2px;
      height: 2px;
      border-radius: 50%;
    }
  }
  
  .coin33 {
    position: absolute;
    top: 9%;
    left: 45%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-delay: -3.3s;
  }
  @media (min-width: 768px) {
    .coin33 {
      width: 20px;
      height: 20px;
      border-radius: 50%;
    }
  }
  
  .coin34 {
    position: absolute;
    top: 22%;
    left: 43%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    animation-delay: -3.4s;
  }
  @media (min-width: 768px) {
    .coin34 {
      width: 23px;
      height: 23px;
      border-radius: 50%;
    }
  }
  
  .coin35 {
    position: absolute;
    top: 24%;
    left: 47%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    animation-delay: -3.5s;
  }
  @media (min-width: 768px) {
    .coin35 {
      width: 6px;
      height: 6px;
      border-radius: 50%;
    }
  }
  
  .coin36 {
    position: absolute;
    top: 9%;
    left: 44%;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    animation-delay: -3.6s;
  }
  @media (min-width: 768px) {
    .coin36 {
      width: 30px;
      height: 30px;
      border-radius: 50%;
    }
  }
  
  .coin37 {
    position: absolute;
    top: 3%;
    left: 86%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation-delay: -3.7s;
  }
  @media (min-width: 768px) {
    .coin37 {
      width: 8px;
      height: 8px;
      border-radius: 50%;
    }
  }
  
  .coin38 {
    position: absolute;
    top: 2%;
    left: 8%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    animation-delay: -3.8s;
  }
  @media (min-width: 768px) {
    .coin38 {
      width: 2px;
      height: 2px;
      border-radius: 50%;
    }
  }
  
  .coin39 {
    position: absolute;
    top: 13%;
    left: 1%;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    animation-delay: -3.9s;
  }
  @media (min-width: 768px) {
    .coin39 {
      width: 17px;
      height: 17px;
      border-radius: 50%;
    }
  }
  
  .coin40 {
    position: absolute;
    top: 24%;
    left: 5%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-delay: -4s;
  }
  @media (min-width: 768px) {
    .coin40 {
      width: 32px;
      height: 32px;
      border-radius: 50%;
    }
  }
  
  .coin41 {
    position: absolute;
    top: 12%;
    left: 16%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation-delay: -4.1s;
  }
  @media (min-width: 768px) {
    .coin41 {
      width: 22px;
      height: 22px;
      border-radius: 50%;
    }
  }
  
  .coin42 {
    position: absolute;
    top: -4%;
    left: 86%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -4.2s;
  }
  @media (min-width: 768px) {
    .coin42 {
      width: 40px;
      height: 40px;
      border-radius: 50%;
    }
  }
  
  .coin43 {
    position: absolute;
    top: 23%;
    left: 68%;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    animation-delay: -4.3s;
  }
  @media (min-width: 768px) {
    .coin43 {
      width: 35px;
      height: 35px;
      border-radius: 50%;
    }
  }
  
  .coin44 {
    position: absolute;
    top: 21%;
    left: 22%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation-delay: -4.4s;
  }
  @media (min-width: 768px) {
    .coin44 {
      width: 3px;
      height: 3px;
      border-radius: 50%;
    }
  }
  
  .coin45 {
    position: absolute;
    top: 1%;
    left: 31%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    animation-delay: -4.5s;
  }
  @media (min-width: 768px) {
    .coin45 {
      width: 15px;
      height: 15px;
      border-radius: 50%;
    }
  }
  
  .coin46 {
    position: absolute;
    top: -1%;
    left: 53%;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    animation-delay: -4.6s;
  }
  @media (min-width: 768px) {
    .coin46 {
      width: 1px;
      height: 1px;
      border-radius: 50%;
    }
  }
  
  .coin47 {
    position: absolute;
    top: 0%;
    left: 27%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    animation-delay: -4.7s;
  }
  @media (min-width: 768px) {
    .coin47 {
      width: 32px;
      height: 32px;
      border-radius: 50%;
    }
  }
  
  .coin48 {
    position: absolute;
    top: 16%;
    left: 72%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    animation-delay: -4.8s;
  }
  @media (min-width: 768px) {
    .coin48 {
      width: 30px;
      height: 30px;
      border-radius: 50%;
    }
  }
  
  .coin49 {
    position: absolute;
    top: 8%;
    left: 41%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    animation-delay: -4.9s;
  }
  @media (min-width: 768px) {
    .coin49 {
      width: 28px;
      height: 28px;
      border-radius: 50%;
    }
  }
  
  .coin50 {
    position: absolute;
    top: 17%;
    left: 26%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation-delay: -5s;
  }
  @media (min-width: 768px) {
    .coin50 {
      width: 15px;
      height: 15px;
      border-radius: 50%;
    }
  }
  
  .coin51 {
    position: absolute;
    top: 9%;
    left: 38%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-delay: -5.1s;
  }
  @media (min-width: 768px) {
    .coin51 {
      width: 16px;
      height: 16px;
      border-radius: 50%;
    }
  }
  
  .coin52 {
    position: absolute;
    top: 0%;
    left: 95%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation-delay: -5.2s;
  }
  @media (min-width: 768px) {
    .coin52 {
      width: 7px;
      height: 7px;
      border-radius: 50%;
    }
  }
  
  .coin53 {
    position: absolute;
    top: 11%;
    left: 11%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    animation-delay: -5.3s;
  }
  @media (min-width: 768px) {
    .coin53 {
      width: 10px;
      height: 10px;
      border-radius: 50%;
    }
  }
  
  .coin54 {
    position: absolute;
    top: 24%;
    left: 12%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation-delay: -5.4s;
  }
  @media (min-width: 768px) {
    .coin54 {
      width: 24px;
      height: 24px;
      border-radius: 50%;
    }
  }
  
  .coin55 {
    position: absolute;
    top: 15%;
    left: 14%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-delay: -5.5s;
  }
  @media (min-width: 768px) {
    .coin55 {
      width: 28px;
      height: 28px;
      border-radius: 50%;
    }
  }
  
  .coin56 {
    position: absolute;
    top: 2%;
    left: 84%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    animation-delay: -5.6s;
  }
  @media (min-width: 768px) {
    .coin56 {
      width: 10px;
      height: 10px;
      border-radius: 50%;
    }
  }
  
  .coin57 {
    position: absolute;
    top: 10%;
    left: 31%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    animation-delay: -5.7s;
  }
  @media (min-width: 768px) {
    .coin57 {
      width: 1px;
      height: 1px;
      border-radius: 50%;
    }
  }
  
  .coin58 {
    position: absolute;
    top: -5%;
    left: 4%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-delay: -5.8s;
  }
  @media (min-width: 768px) {
    .coin58 {
      width: 13px;
      height: 13px;
      border-radius: 50%;
    }
  }
  
  .coin59 {
    position: absolute;
    top: 7%;
    left: 76%;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    animation-delay: -5.9s;
  }
  @media (min-width: 768px) {
    .coin59 {
      width: 32px;
      height: 32px;
      border-radius: 50%;
    }
  }
  
  .coin60 {
    position: absolute;
    top: 18%;
    left: 46%;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    animation-delay: -6s;
  }
  @media (min-width: 768px) {
    .coin60 {
      width: 36px;
      height: 36px;
      border-radius: 50%;
    }
  }
  
  .coin61 {
    position: absolute;
    top: 20%;
    left: 15%;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    animation-delay: -6.1s;
  }
  @media (min-width: 768px) {
    .coin61 {
      width: 39px;
      height: 39px;
      border-radius: 50%;
    }
  }
  
  .coin62 {
    position: absolute;
    top: 9%;
    left: 91%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    animation-delay: -6.2s;
  }
  @media (min-width: 768px) {
    .coin62 {
      width: 20px;
      height: 20px;
      border-radius: 50%;
    }
  }
  
  .coin63 {
    position: absolute;
    top: -2%;
    left: 84%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -6.3s;
  }
  @media (min-width: 768px) {
    .coin63 {
      width: 6px;
      height: 6px;
      border-radius: 50%;
    }
  }
  
  .coin64 {
    position: absolute;
    top: 9%;
    left: 55%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation-delay: -6.4s;
  }
  @media (min-width: 768px) {
    .coin64 {
      width: 25px;
      height: 25px;
      border-radius: 50%;
    }
  }
  
  .coin65 {
    position: absolute;
    top: 1%;
    left: 36%;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    animation-delay: -6.5s;
  }
  @media (min-width: 768px) {
    .coin65 {
      width: 27px;
      height: 27px;
      border-radius: 50%;
    }
  }
  
  .coin66 {
    position: absolute;
    top: 4%;
    left: 44%;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    animation-delay: -6.6s;
  }
  @media (min-width: 768px) {
    .coin66 {
      width: 12px;
      height: 12px;
      border-radius: 50%;
    }
  }
  
  .coin67 {
    position: absolute;
    top: 0%;
    left: 73%;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    animation-delay: -6.7s;
  }
  @media (min-width: 768px) {
    .coin67 {
      width: 4px;
      height: 4px;
      border-radius: 50%;
    }
  }
  
  .coin68 {
    position: absolute;
    top: 12%;
    left: 76%;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    animation-delay: -6.8s;
  }
  @media (min-width: 768px) {
    .coin68 {
      width: 3px;
      height: 3px;
      border-radius: 50%;
    }
  }
  
  .coin69 {
    position: absolute;
    top: 16%;
    left: 83%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-delay: -6.9s;
  }
  @media (min-width: 768px) {
    .coin69 {
      width: 36px;
      height: 36px;
      border-radius: 50%;
    }
  }
  
  .coin70 {
    position: absolute;
    top: 10%;
    left: 94%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    animation-delay: -7s;
  }
  @media (min-width: 768px) {
    .coin70 {
      width: 32px;
      height: 32px;
      border-radius: 50%;
    }
  }
  
  .coin71 {
    position: absolute;
    top: 6%;
    left: 94%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    animation-delay: -7.1s;
  }
  @media (min-width: 768px) {
    .coin71 {
      width: 38px;
      height: 38px;
      border-radius: 50%;
    }
  }
  
  .coin72 {
    position: absolute;
    top: 5%;
    left: 9%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    animation-delay: -7.2s;
  }
  @media (min-width: 768px) {
    .coin72 {
      width: 19px;
      height: 19px;
      border-radius: 50%;
    }
  }
  
  .coin73 {
    position: absolute;
    top: 19%;
    left: 58%;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    animation-delay: -7.3s;
  }
  @media (min-width: 768px) {
    .coin73 {
      width: 4px;
      height: 4px;
      border-radius: 50%;
    }
  }
  
  .coin74 {
    position: absolute;
    top: 7%;
    left: 74%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    animation-delay: -7.4s;
  }
  @media (min-width: 768px) {
    .coin74 {
      width: 11px;
      height: 11px;
      border-radius: 50%;
    }
  }
  
  .coin75 {
    position: absolute;
    top: 21%;
    left: 96%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    animation-delay: -7.5s;
  }
  @media (min-width: 768px) {
    .coin75 {
      width: 3px;
      height: 3px;
      border-radius: 50%;
    }
  }
  
  .coin76 {
    position: absolute;
    top: -1%;
    left: 22%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    animation-delay: -7.6s;
  }
  @media (min-width: 768px) {
    .coin76 {
      width: 19px;
      height: 19px;
      border-radius: 50%;
    }
  }
  
  .coin77 {
    position: absolute;
    top: 1%;
    left: 2%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation-delay: -7.7s;
  }
  @media (min-width: 768px) {
    .coin77 {
      width: 17px;
      height: 17px;
      border-radius: 50%;
    }
  }
  
  .coin78 {
    position: absolute;
    top: 14%;
    left: 58%;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    animation-delay: -7.8s;
  }
  @media (min-width: 768px) {
    .coin78 {
      width: 26px;
      height: 26px;
      border-radius: 50%;
    }
  }
  
  .coin79 {
    position: absolute;
    top: 14%;
    left: 1%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    animation-delay: -7.9s;
  }
  @media (min-width: 768px) {
    .coin79 {
      width: 13px;
      height: 13px;
      border-radius: 50%;
    }
  }
  
  .coin80 {
    position: absolute;
    top: 6%;
    left: 31%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    animation-delay: -8s;
  }
  @media (min-width: 768px) {
    .coin80 {
      width: 21px;
      height: 21px;
      border-radius: 50%;
    }
  }
  
  .coin81 {
    position: absolute;
    top: 23%;
    left: 95%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-delay: -8.1s;
  }
  @media (min-width: 768px) {
    .coin81 {
      width: 2px;
      height: 2px;
      border-radius: 50%;
    }
  }
  
  .coin82 {
    position: absolute;
    top: -5%;
    left: 43%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    animation-delay: -8.2s;
  }
  @media (min-width: 768px) {
    .coin82 {
      width: 2px;
      height: 2px;
      border-radius: 50%;
    }
  }
  
  .coin83 {
    position: absolute;
    top: 6%;
    left: 9%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-delay: -8.3s;
  }
  @media (min-width: 768px) {
    .coin83 {
      width: 3px;
      height: 3px;
      border-radius: 50%;
    }
  }
  
  .coin84 {
    position: absolute;
    top: -2%;
    left: 55%;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    animation-delay: -8.4s;
  }
  @media (min-width: 768px) {
    .coin84 {
      width: 39px;
      height: 39px;
      border-radius: 50%;
    }
  }
  
  .coin85 {
    position: absolute;
    top: 21%;
    left: 72%;
    width: 1px;
    height: 1px;
    border-radius: 50%;
    animation-delay: -8.5s;
  }
  @media (min-width: 768px) {
    .coin85 {
      width: 18px;
      height: 18px;
      border-radius: 50%;
    }
  }
  
  .coin86 {
    position: absolute;
    top: 1%;
    left: 41%;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    animation-delay: -8.6s;
  }
  @media (min-width: 768px) {
    .coin86 {
      width: 12px;
      height: 12px;
      border-radius: 50%;
    }
  }
  
  .coin87 {
    position: absolute;
    top: 19%;
    left: 61%;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    animation-delay: -8.7s;
  }
  @media (min-width: 768px) {
    .coin87 {
      width: 17px;
      height: 17px;
      border-radius: 50%;
    }
  }
  
  .coin88 {
    position: absolute;
    top: 21%;
    left: 53%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    animation-delay: -8.8s;
  }
  @media (min-width: 768px) {
    .coin88 {
      width: 39px;
      height: 39px;
      border-radius: 50%;
    }
  }
  
  .coin89 {
    position: absolute;
    top: 11%;
    left: 41%;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    animation-delay: -8.9s;
  }
  @media (min-width: 768px) {
    .coin89 {
      width: 20px;
      height: 20px;
      border-radius: 50%;
    }
  }
  
  .coin90 {
    position: absolute;
    top: 0%;
    left: 49%;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    animation-delay: -9s;
  }
  @media (min-width: 768px) {
    .coin90 {
      width: 19px;
      height: 19px;
      border-radius: 50%;
    }
  }
  
  .coin91 {
    position: absolute;
    top: 9%;
    left: 1%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    animation-delay: -9.1s;
  }
  @media (min-width: 768px) {
    .coin91 {
      width: 6px;
      height: 6px;
      border-radius: 50%;
    }
  }
  
  .coin92 {
    position: absolute;
    top: 17%;
    left: 70%;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation-delay: -9.2s;
  }
  @media (min-width: 768px) {
    .coin92 {
      width: 30px;
      height: 30px;
      border-radius: 50%;
    }
  }
  
  .coin93 {
    position: absolute;
    top: 9%;
    left: 93%;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    animation-delay: -9.3s;
  }
  @media (min-width: 768px) {
    .coin93 {
      width: 37px;
      height: 37px;
      border-radius: 50%;
    }
  }
  
  .coin94 {
    position: absolute;
    top: 3%;
    left: 18%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -9.4s;
  }
  @media (min-width: 768px) {
    .coin94 {
      width: 35px;
      height: 35px;
      border-radius: 50%;
    }
  }
  
  .coin95 {
    position: absolute;
    top: 0%;
    left: 34%;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation-delay: -9.5s;
  }
  @media (min-width: 768px) {
    .coin95 {
      width: 16px;
      height: 16px;
      border-radius: 50%;
    }
  }
  
  .coin96 {
    position: absolute;
    top: 24%;
    left: 3%;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    animation-delay: -9.6s;
  }
  @media (min-width: 768px) {
    .coin96 {
      width: 39px;
      height: 39px;
      border-radius: 50%;
    }
  }
  
  .coin97 {
    position: absolute;
    top: 4%;
    left: 51%;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    animation-delay: -9.7s;
  }
  @media (min-width: 768px) {
    .coin97 {
      width: 30px;
      height: 30px;
      border-radius: 50%;
    }
  }
  
  .coin98 {
    position: absolute;
    top: 0%;
    left: 46%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    animation-delay: -9.8s;
  }
  @media (min-width: 768px) {
    .coin98 {
      width: 24px;
      height: 24px;
      border-radius: 50%;
    }
  }
  
  .coin99 {
    position: absolute;
    top: 5%;
    left: 44%;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    animation-delay: -9.9s;
  }
  @media (min-width: 768px) {
    .coin99 {
      width: 11px;
      height: 11px;
      border-radius: 50%;
    }
  }
  
  .coin100 {
    position: absolute;
    top: 11%;
    left: 16%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    animation-delay: -10s;
  }
  @media (min-width: 768px) {
    .coin100 {
      width: 7px;
      height: 7px;
      border-radius: 50%;
    }
  }
  
  @keyframes falling {
    0% {
      transform: translate(0px, 0px) rotate(0deg);
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    95% {
      opacity: 1;
    }
    100% {
      transform: translate(0px, 1500px) rotate(359.9deg);
      opacity: 0;
    }
  }
  @keyframes cloudFloat {
    0% {
      background-position-x: 0;
    }
    100% {
      background-position-x: 100%;
    }
  }
  @keyframes float {
    0% {
      transform: translatey(0px);
    }
    50% {
      transform: translatey(-20px);
    }
    100% {
      transform: translatey(0px);
    }
  }
  @keyframes colorInterval {
    0% {
      background-color: var(--bg-yellow);
    }
    20% {
      background-color: var(--bg-orange);
    }
    40% {
      background-color: var(--bg-pink);
    }
    60% {
      background-color: var(--bg-purple);
    }
    80% {
      background-color: var(--bg-blue);
    }
  }/*# sourceMappingURL=animation.css.map */