@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Math&family=Noto+Sans+Mono:wdth,wght@62.5,100..900&family=Noto+Sans+SC:wght@100..900&family=Noto+Sans:wdth,wght@62.5,100..900&family=Noto+Serif+SC:wght@200..900&family=Noto+Serif:wdth,wght@62.5,100..900&display=swap");

@import "button.css";
@import "colors.css";
@import "reset.css";

:root {
	font:
		extra-condensed calc(400% / 3)/1.8 "Noto Sans",
		"Noto Sans SC",
		sans-serif;
	* {
		box-sizing: border-box;
	}
	background: var(--background);
	color: var(--neutral-90);
}
body {
	width: 30rem;
	max-width: 100vw;
	margin-inline: auto;
}
header:not(main header) {
	border-bottom: 0.15625rem solid var(--neutral-15);
	ul {
		display: flex;
		place-content: space-around;
		list-style: none;
		padding: 0;
	}
}
main {
	padding-inline: 1rem;
}

nav#posts ol {
	list-style: disc;
	padding-left: 2rem;
}

caption,
figcaption {
	font-weight: 700;
	b,
	strong {
		font-weight: 800;
	}
}
figure {
	text-align: center;
}
h1 {
	font-size: 200%;
	font-weight: 800;
	color: var(--neutral-75);
	b,
	strong {
		font-weight: 900;
	}
}
h2 {
	font-size: 150%;
	font-weight: 700;
	color: var(--neutral-75);
	b,
	strong {
		font-weight: 800;
	}
}
h3 {
	font-size: 125%;
	font-weight: 600;
	color: var(--neutral-75);
}
img {
	width: 100%;
}
pre {
	border: 0.15625rem solid var(--neutral-15);
	border-radius: 0;
}
table {
	width: 100%;
	text-align: center;
	td,
	th {
		border: 0.15625rem solid var(--neutral-15);
	}
	th {
		border: 0.15625rem solid var(--neutral-15);
		font-weight: 700;
		b,
		strong {
			font-weight: 800;
		}
	}
}
ul {
	list-style: disc;
	padding-left: 2rem;
}

a {
	text-decoration: underline;
	font-weight: 500;
	color: var(--neon-75);
}
b,
strong {
	font-weight: 700;
	color: var(--neutral-75);
}
cite,
em,
i {
	font-family: "Noto Serif", "Noto Serif SC", serif;
}
code,
samp {
	font-family: "Noto Sans Mono", "Noto Sans SC", monospace;
}
math {
	font-family: "Noto Sans Math", "Noto Sans SC", sans-serif;
}
rt,
small {
	font-size: calc(200% / 3);
	font-weight: 700;
	color: var(--neutral-75);
	b,
	strong {
		font-weight: 800;
	}
}