@font-face {
	font-family: "Iosevka Custom Web";
	font-display: swap;
	font-weight: 400;
	font-stretch: normal;
	font-style: normal;
	src:
		url("/fonts/iosevka-custom/WOFF2/IosevkaCustom-Regular.woff2")
		format("woff2"),
		url("/fonts/iosevka-custom/TTF/IosevkaCustom-Regular.ttf")
		format("truetype");
}

@font-face {
	font-family: "Iosevka Custom Web";
	font-display: swap;
	font-weight: 400;
	font-stretch: normal;
	font-style: italic;
	src:
		url("/fonts/iosevka-custom/WOFF2/IosevkaCustom-Italic.woff2")
		format("woff2"),
		url("/fonts/iosevka-custom/TTF/IosevkaCustom-Italic.ttf")
		format("truetype");
}

@font-face {
	font-family: "Iosevka Custom Web";
	font-display: swap;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	src:
		url("/fonts/iosevka-custom/WOFF2/IosevkaCustom-Bold.woff2") format("woff2"),
		url("/fonts/iosevka-custom/TTF/IosevkaCustom-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Iosevka Custom Web";
	font-display: swap;
	font-weight: 700;
	font-stretch: normal;
	font-style: italic;
	src:
		url("/fonts/iosevka-custom/WOFF2/IosevkaCustom-BoldItalic.woff2")
		format("woff2"),
		url("/fonts/iosevka-custom/TTF/IosevkaCustom-BoldItalic.ttf")
		format("truetype");
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
}

body {
	background-color: var(--theme-background);
	color: var(--theme-foreground);
	max-width: var(--max-width);
	margin: 0 auto;
	padding: var(--spacing-xl) 16px;
	animation: fade 1s ease-in;
}

@keyframes fade {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

img,
svg {
	display: block;
	user-select: none;
}

a {
	color: var(--theme-primary);
	text-decoration: none;
}

a,
img,
li,
button {
	transition: filter var(--transition-fast);
}

a:hover,
img:hover,
li:hover,
button:hover {
	filter: brightness(0.67);
}

button,
[role="button"] {
	color: inherit;
	cursor: pointer;
}

html,
body {
	font-size: var(--font-size-base);
}

html,
body,
pre,
code,
button {
	font-family:
		"Iosevka Custom Web", "Iosevka Custom", Iosevka, monospace, sans-serif;
	text-rendering: optimizeLegibility;
	line-height: 1.75rem;
}