html {
	scroll-behavior: smooth;
}

.purple-glow {
	box-shadow: 0 0 25px rgba(91, 89, 233, 0.5), 0 0 50px rgba(188, 147, 240, 0.3);
}

@keyframes slide-down {
	0% {
		max-height: 0;
		opacity: 0;
	}
	70% {
		max-height: 1000px;
		opacity: 0.8;
	}
	100% {
		max-height: 1000px;
		opacity: 1;
	}
}

@keyframes slide-up {
	0% {
		max-height: 1000px;
		opacity: 1;
	}
	30% {
		max-height: 1000px;
		opacity: 0.8;
	}
	100% {
		max-height: 0;
		opacity: 0;
	}
}

.animate-slide-down {
	animation: slide-down 0.5s ease-out;
}

.animate-slide-up {
	animation: slide-up 0.3s ease-out;
}