<script lang="ts">
	import SocialButton from '$lib/components/SocialButton.svelte';
</script>

<svelte:head>
	<title>Блог &mdash; Tea Sanctuary</title>
</svelte:head>

<section
	class="flex shrink-0 flex-col items-center justify-center gap-5 overflow-hidden p-4 hero-background"
>
	<div
		class="flex flex-col flex-nowrap items-center justify-center gap-3 lg:flex-row lg:flex-nowrap"
	>
		<div
			class="font-disket text-center text-4xl font-bold text-slate-50 [text-shadow:_0_0_15px_rgba(0,0,0,0.25)] sm:text-6xl md:text-8xl"
		>
			<h1>БЛОГ</h1>
		</div>
	</div>
</section>

<style>
	@import "$src/app.css";
</style>