BODY {font-family:Arial,DejaVu,sans-serif;margin:0;padding:0;}

MAIN {width:100%;margin:0 auto;}
MAIN#beholder {max-width:867px;height:100vH;display:grid;grid-template-rows:110px auto 80px;}

A {color:inherit;}
ARTICLE {margin:0 0 15px 0;border:solid 1px #E0E0E0;display:block;}
HR {display:none;}

HEADER {background:#000;color:#fff;margin:0;}
#beholder HEADER{margin-bottom:5px;}
HEADER H1,HEADER H2,HEADER H3,HEADER H4,HEADER H5 {color:inherit;margin:0;}
HEADER A {padding:15px;text-decoration:none;display:block;margin:0;}
HEADER.alltags,HEADER.tagheader {padding:15px;}
HEADER#allposts A {padding-bottom:15px;}
HEADER H1 A,HEADER H2 A {padding-bottom:0;}
HEADER H3 A,HEADER H4 A {padding-top:5px;}

#beholder ARTICLE HEADER {background:#ccc;color:#000;margin-bottom:15px;transition:background .2s ease;transition:color .3s ease;}
ARTICLE P {margin:0 10px 10px 10px;line-height:1.6em;}

NAV {display:block;text-align:center;}

UL {margin:15px 15px 15px 30px;padding:0}
LI {list-style-type:square;}

H4 {margin-left:15px;}
H5 {font-size:1.6rem;}

NAV {margin:0;}
NAV A {line-height:70px;}

FOOTER {background:#000;color:#333;}
FOOTER P {line-height:1.6em;color:inherit;padding:0 10px;text-align:center;}

.tagslist A:hover {text-decoration: dashed underline;color:#FFFF00;background:#666;}
#beholder #list ARTICLE:hover {background:#F8F8F8;}
#beholder #list ARTICLE HEADER:hover {background:#000; color:#fff;}

@media (prefers-color-scheme: dark) {
	body{background:#000;color:#fff;}
	ARTICLE {border-color:#030303;}
#beholder #list ARTICLE:hover {background:#030303;}
#beholder #list ARTICLE HEADER {background:#333; color:#fff;}
#beholder #list ARTICLE HEADER:hover {background:#fff; color:#000;}
}