HTML, BODY {
	font-family:Calibri,Arial,sans-serif;
	margin:0;padding:0;border:0;
}
HEADER {
	font-size:3em;
	margin:auto;
	padding:.5em;
	text-align:center;
	background:#09f;
}

MAIN { display:block;margin:1em;}

SECTION {margin:.5em;}

UL { margin:0;list-style:none;}

UL LI::before {
	content:"\2b9e";
	color:darkred;
	display:inline-block;
	width:1.2em;
	margin-left:-1.2em;
}

H1, H2, H3, H4, H5, H6, P { margin:0.2em;}
H1:before, H2:before, H3:before, H4:before, H5:before, H6:before {vertical-align:middle;margin-right:0.3em;}

H3 SPAN {margin-left:2.8em;font-size:0.8em;}
H3 SPAN:before { margin-right:0.3em;}

A { color:#093;}
A:hover, A:active { color:#090;}
A:visited { color:#060;}

DETAILS { background:#FFC;display:inline-block;padding:0.5em;vertical-align:top}
SUMMARY {background:#FF9;height:1.5em;padding:0.2em;}

.media {clear:left;}
.media IMG {float:left;margin:0.5em;width:15em;max-width:50%;padding-right:1em;}
.media H3:before {display:inline-block;width:1.5em;height:1.5em;content:'';padding:.2em;background-repeat:round;}
.book  H3:before{background-image:url('../images/book.svg');}
.subtitle H3:before{background-image:url('../images/camera.svg');}

.download:before{display:inline-block;width:1em;height:1em;content:'';padding:.2em;}
.pdf:before { background-image:url('../images/pdf.svg');}
.srt:before { background-image:url('../images/subtitle.svg');}
.epub:before { background-image:url('../images/epub.svg');}

.cycle { display:inline-block;}

@media(prefers-color-scheme:dark){
	HTML, BODY {
		background-color:#2c3e50;
		color:#eaeded;
	}
	
	A { color:#0C0;}
	A:visited { color:#0C3;}
	IMG {opacity:0.75;transition:opacity .5s ease-in-out;}
	IMG:hover, IMG:active { opacity:1;}
	UL LI:before { color:#F03;}
	DETAILS { background:DarkSlateGray;}
	SUMMARY { background:SlateGray;}
	SUMMARY A { font-weight:bolder;color:#145a32;}
	SUMMARY A:visited {color:darkgreen;}
	H1, H2, H3, H4, H5, H6 { color:  #f2f3f4;}
}