@keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
            100% { transform: translateY(0px); }}
            
@keyframes right{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes left{from{left:-300px;opacity:0} to{left:0;opacity:1}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}

@keyframes click {
  0% {
	animation-timing-function: ease-out;
	transform: scale(1);
	transform-origin: center center;
  }

  10% {
	animation-timing-function: ease-in;
	transform: scale(0.91);
  }

  17% {
	animation-timing-function: ease-out;
	transform: scale(0.98);
  }

  33% {
	animation-timing-function: ease-in;
	transform: scale(0.87);
  }

  45% {
	animation-timing-function: ease-out;
	transform: scale(1);
  }
}