@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');
}

.no-x-scroll {
	max-width: 100%;
	overflow-x: hidden;
}

.hero-background {
	@apply bg-[url('/common/background-day.webp')] dark:bg-[url('/common/background-night.webp')] bg-cover bg-fixed;
}