div.bggradient {
	top:0; left:0;
	position:fixed;
	width: 100vw;
	height: 100vh;
	background: linear-gradient(0deg, #000 0%, #0f171f 100%);
	z-index: -10;
}

body > p {
	text-align: center;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
.grid {
	display: grid;
	grid-template-columns: min-content min-content min-content;
	gap: 0px 32px;
}
.grid > * {
	white-space: nowrap;
	margin: 0;
}
h1 {
	font-family: Chango;
	font-size: 48pt;
	margin: 32px 0 0;
}
h2 {
	font-family: Rubik;
}
a {
	color: #aecaff;
}
a:visited {
	color: #c7a0ff;
}


.colname {
	margin-bottom: 8px;
}
.colname > i {
	margin-top: 0;
	font-size: 80%;
}

.a {
	text-align: right;
}
.a:hover:not(.copied):not(.colname) {
	cursor: pointer;
	text-decoration:underline;
}
.a.copied {
	color: palegreen;
}
body {
	display: flex;
	flex-direction: column;
	align-items: center;

	color: rgb(236, 244, 255);
	background-color: #343842;
	font-family: sans-serif;
}
.c:not(.colname) {
	opacity:0.45;
	color: #ccf;
}

.hidden,
.hidden ~ * {
	display: none;
}