body {
	font-family: monospace;
	font-size: 1.3em;
	max-width: 50em;
}

h1 {
	text-align: right;
	display: inline;
}

h1 .logo {
	letter-spacing: -0.05em; /** kerning fix for logo **//
}

h1 img {
	height: 1em;
	image-rendering: crisp-edges;
	filter:
		hue-rotate(340deg)
		;
}

img#background {
	width: 100%;
	z-index: -999;
	image-rendering: crisp-edges;
	position: fixed;
	bottom: 0;
	left: 0;
	min-height: 30em;
	object-fit: cover;
	object-position: left bottom;
	filter:
		saturate(0%)
		brightness(0%)
		opacity(30%)
		;
	}

main img {
	width: 60%;
	border-style: outset;
}
	
a:link {
	color: #ff0080;
	font-weight: bold;
}

a:visited {
  color: #ff0000
}

a:hover {
	color: #ffffff;
	background-color: #ff0050;
	text-decoration: none;
}


@media (prefers-color-scheme: dark) {
	body {
		color: rgb(250,250,250);
		background-color: #101010;
	}
	img#background {
		filter:
			saturate(0%)
			brightness(100%)
			opacity(100%)
		;
	}
	footer img{
		filter: invert(1000%); 
	} 
}