<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> -->

<div class="text-center py-12">
	<div
		class="inline-flex w-full flex-col items-center bg-white/50 backdrop-blur-sm px-8 py-4 rounded-2xl border border-white/50 shadow-sm"
	>
		<p class="text-xs uppercase tracking-[0.2em] text-gray-500 font-bold">
			A project by George Powell & Silent Summit Co.
		</p>
		<!-- <p class="text-4xl font-triodion font-black text-gray-800 tabular-nums">
			
		</p> -->
	</div>
</div>
