body{background:snow;max-width:60em;margin:auto;padding:.7em;font-family: sans-serif !important}
.archive li{list-style-type:none}
.rope a{display:inline;margin-left:2em}
.rope a{text-decoration:none}
.rope {text-align:right;margin-right:4em}
img{display:block;max-width:100%; margin: auto}
h1{text-align:center}
.url{text-align:center;font-size:.9em;color:gray}
.url:hover{color:darkgray}
.eof {text-align:right}
.desc {text-align:center}
footer ul{list-style-type:none;text-align:right}
footer a{color:gray;text-decoration:none}
a:hover{color:darkgray}
.archive{list-style-type:none;text-align:right}
li {list-style-type:square}
footer li{opacity:.7;list-style-type:none}
footer li:hover{opacity:1}
footer a:hover{color:black}
.esau p{max-width:33em; margin:auto;text-indent:2em;margin-bottom:.5em}
.ema {margin-left:-1em;max-width:calc(100% + 2em);width:calc(100% + 2em)}
.v {opacity:.7; text-align: center; max-width:80%; margin: auto}

@media (prefers-color-scheme: dark) { 
 body{background:#282828;color:#bbb}
 a{color:gold}
 footer a:hover {color: gold}
}