@font-face {
  font-family: "Maple Mono";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/res/font/MapleMono/Regular.woff2) format("woff2");
}

@font-face {
	font-family: "Uiua386Color";
	src: url(/res/font/Uiua386Color.woff2);
}

@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: dark;
	}
}

body {
	padding: 0 50px 0 50px;
	display: grid;
	grid-template: "nav main" min-content / 1fr 2fr;
	& > main { grid-area: main; }
	& > nav {
		grid-area: nav;
		margin-right: 20px;
	}

	font-family: "Maple Mono";
	/*
  font-size: 0.6em;
  font-size: 13px;
  */
}

.card {
	margin: 0;
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #FFF2;
	background: #FFF1;
	list-style: none;
}

nav {
	search input {
		border-radius: 6px;
		border: 1px solid #FFF2;
		padding: 3px;
		padding-left: 10px;
		font-family: inherit;
		font-size: inherit;
		width: 100%;

		:focus {
			outline: 1px red;
			border: 1px solid #FFF2;
		}
	}

	h3 {
		margin-bottom: 0;
	}
}

main {
	margin-top: 20px;
}

.uiua {
	font-family: "Uiua386Color";
	font-size: 16px;

	.numlit { color: #f08050; }
	.mono { color: #f0c36f; }
	.fn { color: #95d16a; }
}

i.nf-fa-mastodon:before{content:"\edc0"}