:root {
  color-scheme: light dark;
}

.tl {
	color: color-mix(in srgb, currentcolor, #777);
	background-color: transparent;
	text-decoration: none;
}
h1.ubig {
	font-size: 2em; text-align: left; color: color-mix(in srgb, currentcolor, #777);
	background-color: transparent;
	margin-bottom: 0.1em;
	font-family: serif;
}
h1.big {
	font-size: 5em;
	text-align: center;
	color: color-mix(in srgb, currentcolor, #777);
	background-color: transparent;
	margin-bottom: 0.2em;
	font-family: serif;
}
.muc {
	background-color: #6668;
	color: color-mix(in srgb, currentcolor, #ccc);
	font-family: cursive;
}
.exp {
	margin-top: 0.2em;
	color: color-mix(in srgb, currentcolor, #777);
	text-align: center;
	font-size: 1.5em;
	margin-top: 0.1em;
}
.uexp {
	margin-top: 0.1em;
	color: color-mix(in srgb, currentcolor, #777);
	font-size: 0.8em;
}
.expr {
	color: color-mix(in srgb, currentcolor, #eee);
	font-family: cursive;
}
.cat {
	color: color-mix(in srgb, currentcolor, #840);
}
.type {
	color: color-mix(in srgb, currentcolor, #048);
}
.s {
	text-align: center;
}
.d {
	font-size: 0.7em;
}
.e {
	font-size: 0.7em;
	display: none;
}
.warm {
	color: color-mix(in srgb, currentcolor, black);
	background-color: #fff8;
	clear: both;
}
.cool {
	background-color: #ddf8;
	clear: both;
}
.jid {
	color: color-mix(in srgb, currentcolor, green);
	font-size: 0.7em;
}
.browse {
	color: color-mix(in srgb, currentcolor, maroon);
	font-size: 0.7em;
}
.disco {
	color: color-mix(in srgb, currentcolor, navy);
	font-size: 0.7em;
}
img.flag {
	width: 4em;
}
ul.f {
	color: color-mix(in srgb, currentcolor, navy);
	font-size: 0.7em;
	list-style-type: none;
}
span.date {
	color: color-mix(in srgb, currentcolor, grey);
	font-size: 0.7em;
}

@media (max-width: 600px) {
	h1 {
		margin: 0;
		font-size: 1.8em;
	}
	h1.big {
		font-size: 1.9em;
	}
	input {
		height: 4em;
	}
	body {
		margin: 0em;
		font-size: 2em;
		font-family: sans-serif;
 	}
	a {
		text-decoration: none
	}
	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	li:nth-child(odd) {
		background-color: #ffd8;
		margin: 0.1em;
	}
	li:nth-child(even) {
		background-color: #ffd8;
		margin: 0.1em;
	}
	var {
                word-break: break-all;
        }
        kbd {
                word-break: break-all;
        }
	.cool {
                word-break: break-all;
	}		
	.warm {
                word-break: break-all;
	}		
        blockquote {
                word-break: break-all;
        }
}

/*@media (prefers-color-scheme: light) {
	body {
		color: black;
		background-color: #aaaaaa;
	}
}
*/
/*
@media (prefers-color-scheme: dark) {
	body {
	        color: white;
	        background-color: black;
		font-family: sans-serif;
	}
	a:link {
	        background-color: inherit;
	        font-style: normal;
	        text-decoration: none;
	        color: #88FF88;
	}
	a:hover {
	        background-color: inherit;
	        font-style: normal;
	        text-decoration: none;
	        color: #FFFF88;
	}
	a:visited {
	        background-color: inherit;
	        font-style: normal;
	        text-decoration: none;
	        color: #88FFFF;
	}
}
*/