s.css

body {
	background: black;
	color: white;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI Variable', 'Segoe UI', system-ui, ui-sans-serif, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
}

a { color: hsl(192,96%,76%); } /* #9f87fd */

a:active,
a:hover,
a:visited {
	text-decoration: none;
	color: hsl(192,16%,64%);
}

h1 a,
h2 a,
h3 a {
	text-decoration: none;
}

img { max-width: 100%; }

header,
main {
	max-width: 44em;
	margin: 0 auto;
}

header {
	display: block;
	margin: 2em auto 0;
}

header h1 {
	margin: 0 0 0.375em;
}

header nav h2 {
	margin: 0 0 0.5em;
	display: inline-block;
}

header nav li {
	list-style: none;
	display: inline-block;
	margin-right: 1em;
}

header nav ul {
	margin: 0;
	padding: 0;
}

main {
	display: flex;
	flex-direction: column;
	flex: 1 auto;
	/*
	align-items: center;
	*/
	justify-content: center;
	margin: 0 auto 4em;
}

.h-entry {
	margin: 1.5em 0 2em;
}

@media (prefers-color-scheme: light) {
  
  body {
  	background: white;
  	color: black;
  }
  
  a { color: #00e; } /* rgb(0, 0, 238) */
  
  a:hover,
  a:active {
	color: hsl(240, 16%, 48%);
  }
  
  a:visited { color: #551a8b; } /* rgb(85, 26, 139) */

}