@import "tailwindcss";
@import "@catppuccin/tailwindcss/mocha.css";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

@plugin "@tailwindcss/typography";

@source inline("text-ctp-red");

@font-face {
	font-family: "CommitMono";
	src: url("/fonts/CommitMono-400-Regular.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "CommitMono";
	src: url("/fonts/CommitMono-400-Italic.otf") format("opentype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "CommitMono";
	src: url("/fonts/CommitMono-700-Regular.otf") format("opentype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "CommitMono";
	src: url("/fonts/CommitMono-700-Italic.otf") format("opentype");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "NerdFont";
	src: url("/fonts/SymbolsNerdFontMono-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Georgia";
	src:
		url("/fonts/georgia-webfont.woff2") format("woff2"),
		url("/fonts/georgia-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "Georgia";
	src:
		url("/fonts/georgiab-webfont.woff2") format("woff2"),
		url("/fonts/georgiab-webfont.woff") format("woff");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: "Georgia";
	src:
		url("/fonts/georgiai-webfont.woff2") format("woff2"),
		url("/fonts/georgiai-webfont.woff") format("woff");
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: "Georgia";
	src:
		url("/fonts/georgiaz-webfont.woff2") format("woff2"),
		url("/fonts/georgiaz-webfont.woff") format("woff");
	font-weight: bold;
	font-style: italic;
}

body,
header,
footer,
pre {
	font-family: "CommitMono", monospace, monospace;
}

body.blog {
	font-family: "Source Serif 4", "Georgia", serif;
}

body.reads * {
	font-family: "Inter", sans-serif;
}

.nf {
	font-family: "NerdFont";
}

.scroll-to-blur {
	animation-name: scroll-to-blur;
	animation-duration: 1ms; /* Firefox requires this to apply the animation */
	animation-timeline: scroll(block nearest);
}

@keyframes scroll-to-blur {
	0% {
		filter: blur(0px);
	}

	20% {
		filter: blur(5px);
		transform: scale(0.99);
		opacity: 0%;
	}

	100% {
		filter: blur(5px);
		transform: scale(0.99);
		opacity: 0%;
	}
}
