@keyframes long {
  0% {
      width: 0
  }

  25% {
      width: 25%
  }

  50% {
      width: 100%
  }

  75% {
      width: 25%
  }

  to {
      width: 0
  }
}
@keyframes ripple-wave1{
    to {
        box-shadow: 0 0 0 15px rgba(3,78,162, 0.1),0 0 0 30px rgba(3,78,162, 0.1),0 0 0 45px rgba(3,78,162, 0.02);
    }
}
 
@keyframes topFloat {
    from {
        transform: translateY(20px);
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
}

    to {
        transform: translateX(0);
        opacity: 1;
    }
}