source ⟩ hypertext ⟩ public ⟩ heximal ⟩ heximal.css

:root {
	--background: #021;
	--accent: #0f8;
	--accent-translucent: #0f88;
	--accent-seethrough: #0f82;
	--text: #fff;

	--typewriter: "IBM Plex Mono", monospace;

	--decimal-accent: #0a5;
}

body {
	font-family: "IBM Plex Sans", var(--sans-serif);
	font-variant-numeric: lining-nums;
}

h1 small {
	display: block;
	margin-inline: auto;
	font-size: 0.5em;
	font-weight: normal;
}

main {
	max-inline-size: 57.5ch;
}

.numeric {
	font-family: "IBM Plex Mono", monospace;
}

.decimal {
	color: var(--decimal-accent);
}

table {
	min-inline-size: min(20em, 100%);
	margin-inline: auto;
}

td,
th {
	padding-inline: 1ch;
}

@font-face {
	font-family: "IBM Plex Sans";
	src: url("/fonts/IBMPlexSans-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: "IBM Plex Sans";
	src: url("/fonts/IBMPlexSans-Bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: "IBM Plex Sans";
	src: url("/fonts/IBMPlexSans-Italic.woff2") format("woff2");
	font-weight: normal;
	font-style: italic;
	font-display: fallback;
}

@font-face {
	font-family: "IBM Plex Sans";
	src: url("/fonts/IBMPlexSans-BoldItalic.woff2") format("woff2");
	font-weight: bold;
	font-style: italic;
	font-display: fallback;
}

@font-face {
	font-family: "IBM Plex Mono";
	src: url("/fonts/IBMPlexMono-Regular.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: "IBM Plex Mono";
	src: url("/fonts/IBMPlexMono-Bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

@font-face {
	font-family: "IBM Plex Mono";
	src: url("/fonts/IBMPlexMono-Italic.woff2") format("woff2");
	font-weight: normal;
	font-style: italic;
	font-display: fallback;
}

@font-face {
	font-family: "IBM Plex Mono";
	src: url("/fonts/IBMPlexMono-BoldItalic.woff2") format("woff2");
	font-weight: bold;
	font-style: italic;
	font-display: fallback;
}