/* https://fonts.google.com/share?selection.family=Fira%20Mono%7CNoto%20Sans:wght@400;700 */
@import url('https://fonts.googleapis.com/css2?family=Fira+Mono&family=Noto+Sans:wght@400;700&display=swap');

/** Twemoji Cat Face
 * Copyright 2020 Twitter, Inc and other contributors
 * Code licensed under the MIT License: http://opensource.org/licenses/MIT
 * Graphics licensed under CC-BY 4.0: https://creativecommons.org/licenses/by/4.0/
 */
.cat {
	background-image: url('https://raw.githubusercontent.com/twitter/twemoji/ad3d3d669bb3697946577247ebb15818f09c6c91/assets/svg/1f431.svg');
	background-size: contain;
	display: inline-block;
	width: 1em;
	height: 1em;
}

:root {
	--bg: darkslateblue;
	--fg: dodgerblue;
	--accent: hotpink;
}

html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-family: 'Noto Sans', sans-serif;
	background-color: var(--bg);
	color: var(--fg);
}

h1 {
	font-size: 4em;
	margin: 0;
	color: var(--accent);
}

h2 {
	font-size: 2em;
	margin: .25em 0;
}

h3 {
	margin-top: 0;
}

p {
	font-family: 'Fira Mono', monospace;
	margin: 0;
	color: var(--accent);
}

.sep {
	width: max(15vw, 15em);
	border-bottom: 1px solid var(--accent);
	margin: 1em 0;
}

section {
	display: flex;
	flex-direction: column;
	align-items: center;
}

table {
	border-collapse: collapse;
}
th, td {
	border: 1px solid var(--fg);
	padding: .5em 1em;
	text-align: center;
}
th {
	color: var(--accent);
}

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

a, a:visited {
	color: var(--accent);
}