@keyframes slideIn {
	from {
		transform: translateY(2rem);
		opacity: 0.01;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes pulse {
	0% {
	box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
	}
	100% {
	box-shadow: 0 0 0 0.5rem rgba(255, 255, 255, 0);
	}
}
@keyframes slideInFromLeft {
    0% {
      opacity: 0.01;
      transform: translateX(-5rem);
    }
    100% {
      opacity: 1;
      transform: translateX(0);
    }
}

 @keyframes scrollUp {
	0% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-50%);
	}
}
@keyframes scrollBottom {
	0% {
		transform: translateY(-50%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes leftScroll {
    to {
        transform: translate(-100%)
    }
}
@keyframes rightScroll {
    to {
        transform: translate(100%)
    }
}