body { background-color:black;color:white;font-family:sans-serif;font-size:12px;text-align:center;margin:auto;padding:10px }
a { color:white;text-decoration:underline; }
nav { margin:30px 0 }
nav h1 { margin:0;font-weight:normal;font-size:2em }
nav a { padding:0  }
nav a:hover > img { background:black }
nav a img { display:block;height:100px;margin:10px auto }
nav p { color:gray;margin:5px }
nav ul { margin:20px 0;padding:0;display:flex;justify-content:center }
nav ul li { font-size:1.2em;text-transform:uppercase;list-style:none;font-weight:bold;padding:2px 4px 2px 4px }
nav ul li:has(> a) { padding:2px 0px 2px 0px !important }
nav ul li a { padding:2px 4px 2px 4px !important;font-weight:normal; }
a { padding:2px 4px 2px 4px;font-weight:normal }
a:hover { background-color:white;color:black; }
details { margin:10px;text-align:left }
details ul { display:flex;flex-wrap:wrap;margin:5px 0px 5px 5px;padding:0;list-style:none }
details ul li { padding:2px;font-weight:bold }
main { display:inline-flex;flex-wrap:wrap;width:100% }
main figure { width:33.3%;margin:0;padding:0 }
main figure a { display:block;padding:3%; }
main figure a:hover { background:white; }
main figure a img { display:block;max-width:100%;height:auto }
footer { text-align:center;margin:30px 10px 50px 0px }
footer ul { list-style:none;margin:20px;padding:0 }
footer ul li { display:inline-block;font-size:1.4em;margin:2px }
footer ul li span, footer ul li a { display:flex;width:40px;height:40px;align-items:center;justify-content:center }
footer ul li span { color:black;background-color:white }
footer ul li a { text-decoration:none; }
footer a { color:gray;padding:0 }
footer a img { display:block;width:100%;height:100px;margin-bottom:20px }
body.feed main { display:block;max-width:640px;margin:auto}
body.feed main figure { width:100%; }
body.feed main figure a { padding:1% }
body.feed main figcaption { margin-bottom:20px;padding:5px }
body.feed main figcaption div { display:flex;justify-content:space-between; }
body.feed main figcaption > span { display:block;padding:10px 0px 10px 0px;border-bottom:1px dotted gray;text-align:left;color:gray }
@media (min-width:640px) {
	body { font-size:14px }
	nav ul li { font-size:1em }	
	main figure { width:25% }
}
@media (min-width:1000px) { 
	body { max-width:1000px }
	main figure { width:20% }
}