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

@font-face {
	font-family: "pilowlava";
	src: URL("/fonts/pilowlava/Fonts/webfonts/Pilowlava-Regular.woff2")
		format("woff2");
}
@font-face {
	font-family: "spacegrotesk";
	src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Regular.woff2")
		format("woff2");
	src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Bold.woff2")
		format("woff2");
	src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Light.woff2")
		format("woff2");
	src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-Medium.woff2")
		format("woff2");
	src: URL("/fonts/space-grotesk-1.1.4/webfont/SpaceGrotesk-SemiBold.woff2")
		format("woff2");
}

@font-face {
	font-family: "space-mono";
	src: URL("/fonts/space-mono/SpaceMono-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "uncut-sans";
	src: URL("/fonts/uncut-sans/Webfonts/UncutSans-Regular.woff2") format("woff2");
}

@layer base {
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		@apply font-headline text-highlight;
	}
}