@import "tailwindcss";
@plugin "@tailwindcss/typography";
@config "$src/../tailwind.config.ts";

@font-face {
	font-family: 'Lineyka';
	font-style: normal;
	font-weight: normal;
	font-display: swap;
	src: url('/fonts/lineyka.otf');
}

@font-face {
	font-family: 'Disket Mono';
	font-style: normal;
	font-weight: normal;
	font-display: block;
	src: url('/fonts/Disket-Mono-Regular.ttf');
}

@font-face {
	font-family: 'Disket Mono';
	font-style: normal;
	font-weight: bold;
	font-display: block;
	src: url('/fonts/Disket-Mono-Bold.ttf');
}

.hero {
	@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed text-slate-50;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.25);

	h1 {
		@apply font-disket text-4xl font-bold sm:text-6xl md:text-8xl;
	}

	h2 {
		@apply font-sans text-xl font-bold sm:text-2xl md:text-4xl;
	}
}