/* Little Math Hero - Custom Styles */

/* Smooth scrolling */
html {
	scroll-behavior: smooth;
}

/* Custom animations */
@keyframes fade-in-up {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-fade-in-up {
	animation: fade-in-up 0.6s ease-out forwards;
}

.animate-delay-100 {
	animation-delay: 0.1s;
	opacity: 0;
}

.animate-delay-200 {
	animation-delay: 0.2s;
	opacity: 0;
}

.animate-delay-300 {
	animation-delay: 0.3s;
	opacity: 0;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
	.animate-fade-in-up,
	.animate-delay-100,
	.animate-delay-200,
	.animate-delay-300 {
		animation: none;
		opacity: 1;
	}
}