@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import 'tailwindcss';
@plugin '@tailwindcss/forms';
@plugin '@tailwindcss/typography';
@plugin 'daisyui' {
	themes: retro --default;
}

@theme {
	--font-urbanist: 'Urbanist', sans-serif;
}

/* Scroll-reveal: elements start hidden and animate in when scrolled into view.
   Driven by the `use:reveal` action, which adds `.is-visible`. */
.reveal {
	opacity: 0;
	transform: translateY(1.5rem);
	transition:
		opacity 0.7s ease-out,
		transform 0.7s ease-out;
	will-change: opacity, transform;
}

.reveal.is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}
