@-webkit-keyframes snowflakes-fall {
    0% {
      top: -10%
    }
    100% {
      top: 100%
    }
  }
  
  @-webkit-keyframes snowflakes-shake {
    0%,
    100% {
      -webkit-transform: translateX(0);
      transform: translateX(0)
    }
    50% {
      -webkit-transform: translateX(80px);
      transform: translateX(80px)
    }
  }
  
  @keyframes snowflakes-fall {
    0% {
      top: -10%
    }
    100% {
      top: 100%
    }
  }
  
  @keyframes snowflakes-shake {
    0%,
    100% {
      transform: translateX(0)
    }
    50% {
      transform: translateX(80px)
    }
  }
  
  .moneyDrop{
    max-width: 70px;
    max-height: 70px;
  }
  
  .snowflake {
    position: fixed;
    top: -10%;
    z-index: 9999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-animation-name: snowflakes-fall, snowflakes-shake;
    -webkit-animation-duration: 10s, 3s;
    -webkit-animation-timing-function: linear, ease-in-out;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-play-state: running, running;
    animation-name: snowflakes-fall, snowflakes-shake;
    animation-duration: 10s, 3s;
    animation-timing-function: linear, ease-in-out;
    animation-iteration-count: infinite, infinite;
    animation-play-state: running, running
  }
  
  .snowflake:nth-of-type(0) {
    left: 1%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
  }
  
  .snowflake:nth-of-type(1) {
    left: 10%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
  }
  
  .snowflake:nth-of-type(2) {
    left: 20%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
  }
  
  .snowflake:nth-of-type(3) {
    left: 30%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
  }
  
  .snowflake:nth-of-type(4) {
    left: 40%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
  }
  
  .snowflake:nth-of-type(5) {
    left: 50%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
  }
  
  .snowflake:nth-of-type(6) {
    left: 60%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
  }
  
  .snowflake:nth-of-type(7) {
    left: 70%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
  }
  
  .snowflake:nth-of-type(8) {
    left: 80%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
  }
  
  .snowflake:nth-of-type(9) {
    left: 90%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
  }
  
  .snowflake:nth-of-type(10) {
    left: 5%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
  }
  
  .snowflake:nth-of-type(11) {
    left: 15%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
  }
  
  .snowflake:nth-of-type(12) {
    left: 25%;
    -webkit-animation-delay: 0s, 0s;
    animation-delay: 0s, 0s
  }
  
  .snowflake:nth-of-type(13) {
    left: 35%;
    -webkit-animation-delay: 1s, 1s;
    animation-delay: 1s, 1s
  }
  
  .snowflake:nth-of-type(14) {
    left: 45%;
    -webkit-animation-delay: 6s, .5s;
    animation-delay: 6s, .5s
  }
  
  .snowflake:nth-of-type(15) {
    left: 55%;
    -webkit-animation-delay: 4s, 2s;
    animation-delay: 4s, 2s
  }
  
  .snowflake:nth-of-type(16) {
    left: 65%;
    -webkit-animation-delay: 2s, 2s;
    animation-delay: 2s, 2s
  }
  
  .snowflake:nth-of-type(17) {
    left: 75%;
    -webkit-animation-delay: 8s, 3s;
    animation-delay: 8s, 3s
  }
  
  .snowflake:nth-of-type(18) {
    left: 85%;
    -webkit-animation-delay: 6s, 2s;
    animation-delay: 6s, 2s
  }
  
  .snowflake:nth-of-type(19) {
    left: 95%;
    -webkit-animation-delay: 2.5s, 1s;
    animation-delay: 2.5s, 1s
  }
  
  .snowflake:nth-of-type(20) {
    left: 1%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
  }
  
  .snowflake:nth-of-type(21) {
    left: 5%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
  }
  
  .snowflake:nth-of-type(22) {
    left: 10%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
  }
  
  .snowflake:nth-of-type(23) {
    left: 20%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
  }
  
  .snowflake:nth-of-type(24) {
    left: 30%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
  }
  
  .snowflake:nth-of-type(25) {
    left: 40%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
  }
  
  .snowflake:nth-of-type(26) {
    left: 50%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
  }
  
  .snowflake:nth-of-type(27) {
    left: 60%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
  }
  .snowflake:nth-of-type(28) {
    left: 70%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
  }
  
  .snowflake:nth-of-type(29) {
    left: 80%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
  }
  
  .snowflake:nth-of-type(30) {
    left: 90%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
  }
  
  .snowflake:nth-of-type(31) {
    left: 8%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
  }
  
  .snowflake:nth-of-type(32) {
    left: 16%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
  }
  
  .snowflake:nth-of-type(33) {
    left: 24%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
  }
  
  .snowflake:nth-of-type(34) {
    left: 32%;
    -webkit-animation-delay: 1s, 0s;
    animation-delay: 1s, 0s
  }
  
  .snowflake:nth-of-type(35) {
    left: 39%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
  }
  
  .snowflake:nth-of-type(36) {
    left: 47%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
  }
  
  .snowflake:nth-of-type(37) {
    left: 60%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
  }
  .snowflake:nth-of-type(38) {
    left: 68%;
    -webkit-animation-delay: 3s, 1.5s;
    animation-delay: 3s, 1.5s
  }
  
  .snowflake:nth-of-type(39) {
    left: 78%;
    -webkit-animation-delay: 2s, 0s;
    animation-delay: 2s, 0s
  }
  
  .snowflake:nth-of-type(40) {
    left: 85%;
    -webkit-animation-delay: 4s, 2.5s;
    animation-delay: 4s, 2.5s
  }
  .coinDrop,.tokenDrop{
    max-width: 70px;
    max-height: 70px;
  }

  @media (max-width: 576px) {

    .moneyDrop, .coinDrop, .tokenDrop {
      max-width: 42px;
      max-height: 40px;
    }
    
    }

  
  
  
  
  
  
  
  




  
    .lightss{
        width: 300px;
        width: 300px;
        position: absolute;
        display: block;
        margin: auto;
        margin-top: -411px;
        left: calc(50% - 150px);
        z-index: 9999;
    }
    .LightningOne{
        left: calc(50% - 412px);
        animation: rotate-animation 6s infinite linear;
    }
    .LightningTwo{
        left: calc(50% - 258px);
        animation: rotate-animation 4s infinite linear;

    }
    .LightningFour{
        left: calc(50% - 36px);
        animation: rotate-animation-two 4s infinite linear;

    }
    .LightningFive{
        right:calc(50% - 600px);
        animation: rotate-animation-two 6s infinite linear;

    }

    
@keyframes rotate-animation {
	0% {
		transform: rotate(344deg);
  }
  50% {
		transform: rotate(323deg);
	}
  100% {
		transform: rotate(344deg);
  }

}
@keyframes rotate-animation-two {
	0% {
    transform: rotate(0deg);
  }
  50% {
		transform: rotate(36deg);
	}
  100% {
		transform: rotate(0deg);
  }

}





@media screen and (max-width: 400px) {

  .lightss{
    width: 175px  ;
    margin-top: -236px;
  }
  .LightningTwo {
    left: calc(50% - 137px);
  }
  .LightningFive {
    right: calc(50% - 400px);
  }
  .LightningOne{
    left: calc(50% - 217px);
  }
}





.heart{
    animation: beat .5s /*infinite*/ alternate;
}
@keyframes beat{
  to { transform: scale(1.1); }
}
.pointerSpin{
   animation-timing-function: linear, ease-in-out;
  animation: pointerspinn .25s infinite alternate;
}
@keyframes pointerspinn{
  /* to { transform: scale(1.16); } */
  0% {
    -webkit-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg);
  }
  50% {
    -webkit-transform: rotateZ(5deg);
    transform: rotateZ(5deg);
  }
  100%{
    transform: rotateZ(-5deg);
    -webkit-transform: rotateZ(-5deg);
  }

}









.wheel {
  -webkit-animation: spin 1s linear infinite; /* Safari browser */
  animation: spin 1s linear infinite;}

/* for Safari browser  */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}