/* just a little theme to make my static pages nicer */

:root {
	--fg: #c991e1;
	--bg: #1b182c;
}

@font-face {
	font-family: 'Source Serif Pro';
	src: url('/fonts/SourceSerifPro-Regular.ttf');
}

@font-face {
	font-family: 'Fantasque Sans Mono';
	src: url('/fonts/FantasqueSansMono-Regular.woff2');
}

body {
	color: var(--fg);
	background-color: var(--bg);
	font-family: 'Source Serif Pro' !important;
}

pre {
	line-height: 1em;
	padding-left: 2ch;
	font-family: 'Fantasque Sans Mono';
}

a {
	color: var(--fg);
	text-decoration: none;
}

a:hover {
	color: var(--bg);
	background-color: var(--fg);
}

.reversed * {
	color: var(--bg);
	background-color: var(--fg);
}

.reversed a:hover {
	color: var(--fg);
	background-color: var(--bg);
}