@import '@fontsource/nunito';
@import '@fontsource/roboto';

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
	@font-face {
		font-family: 'Minecraft';
		src: url('/fonts/MinecraftRegular.otf') format('opentype');
	}

	html {
		@apply font-roboto scroll-smooth;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		@apply font-minecraft;
	}
}

@layer components {
	.pixelated {
		image-rendering: pixelated;
	}

	.bg-horizontal-sprite {
		background-size: auto 100%;
	}
}