<script lang="ts">
	import { fade } from "svelte/transition";
</script>

<div
	class="my-12 p-4 bg-linear-to-r from-blue-50 to-indigo-50 rounded-2xl shadow-md text-center text-sm md:text-base text-gray-600"
	in:fade={{ delay: 1500, duration: 1000 }}
>
	Thank you so much for playing! Feel free to email me directly with feedback:
	<a
		href="mailto:george@snail.city"
		class="font-semibold text-blue-600 hover:text-blue-800 underline"
		>george@snail.city</a
	>
</div>
