body {
	font-family: "Inter", Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100vh;
}

h1 {
	font-size: 4em;
	font-weight: 700;
	line-height: 1;
	text-align: center;
}

h2 {
	font-size: 1.25em;
	font-weight: 300;
	line-height: 0;
	text-align: left;
}

h3 {
	font-weight: 500;
}

/* All of this scares me */

a:link, a:visited {
	text-decoration: none;
	color:var(--link-color);
}

a:hover, a:active {
	text-decoration: underline;
}

:root {
	color-scheme: light dark;
}

@media (prefers-color-scheme: light) {
  body { --link-color: #0066cc; }
}

@media (prefers-color-scheme: dark) {
  body { --link-color: #2997ff; }
}