body {
	background-color: white;
	color: black;

	margin: 24px;
	padding: 0px;

	font-family: "DejaVu Sans Mono", "Roboto", "Menlo", ui-monospace, monospace;
	font-variant-numeric: tabular-nums lining-nums;
	font-kerning: none;
	
	font-size: 1em;
	line-height: 1.1;
}

a:link {
	color: black;
}
a:visited {
	color: black;
}
a:hover {
	color: palevioletred;
}
a:active {
	color: black;
}

img {
	max-width: 100%;
	height: auto;
	border: 1px solid black;
}
pre {
	padding: 12px;
	width: fit-content;
	border: 1px solid black;
}

.main {
	font-weight: bold;
	margin:1em auto;
	max-width: 60em;
	padding-top: 40px;
}
.centered {
	padding-top: 200px;
	text-align: center;
}
.topnav {
	font-weight: bold;
	text-align: right;
	font-size: 2em;
}
.main h1,h2,h3,h4,h5,h6 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.main h1 { font-size: 4em;   }
.main h2 { font-size: 3em;   }
.main h3 { font-size: 2em;   }
.main h4 { font-size: 1.8em; }
.main h5 { font-size: 1.7em; }
.main h6 { font-size: 1.6em; }
.main ul {
	list-style-type: none;
	padding-left: 0;
}

.about:hover {
	color: palevioletred
}
.gitlab:hover {
	color: #fc6d26;
}
.codeberg:hover {
	color: #2185d0 ;
}
.github:hover {
	color: #6e5494;
}
.mastodon:hover {
	color: #563acc;
}
.reddit:hover {
	color: #FF4500
}
.steam:hover {
	color: #00adee;
}