@keyframes blink{
    0%{opacity: 0;}
    50%{opacity: .5;}
    100%{opacity: 1;}
    }

.blink{
    animation: blink 3s linear infinite;
}
.f-shaking{
    animation: tilt-shaking 0.6s linear infinite;
}

@keyframes tilt-shaking {
    0% { transform: translateX(0) }
    25% { transform: translateX(5px) }
    50% { transform: translateX(-5px) }
    75% { transform: translateX(5px) }
    100% { transform: translateX(0) }
   }


@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)  
    }
}
    


@-webkit-keyframes slideInDown {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
    80% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}
   
@keyframes slideInDown {
    0% {
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
      visibility: visible;
    }
    80% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
    100% {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}

   .slideInDown{
        animation: slideInDown 0.6s linear infinite;
   }

    .animate__swing {
        animation: swing 0.6s linear infinite;
    }
    

    @keyframes f-blink{
      0%{opacity: 0;}
      50%{opacity: .5;}
      100%{opacity: 1;}
      }
  
  .f-blink{
      animation: blink 0.5s linear infinite;
  }
  @keyframes scale{
    0%{transform: scale(1);}
    25%{transform: scale(1.1);  }
    50%{transform: scale(1);}
    75%{transform: scale(1.1);  }
    100%{transform: scale(1);}
    }
  
    .scale{
      animation: scale 0.8s linear infinite;
    }