body{font-family:sans-serif !important;max-width:100%}
img{max-width:100%}
.no{display:none}
nav{float:left;max-width:30%;padding-right:1em;}
article{float:left;margin-bottom:4em;max-width:70%;padding:1em}
article p{max-width:44em}
nav p{font-weight:bold;font-size:2em;margin:0;padding:0}
nav li{list-style-type:none;}
nav ul{margin-left:.5em;padding:0}
nav a{text-decoration:none;color:black}
.cur{font-style:italic}
.sitemap{position:absolute;top:0;right:2em}
.n{max-width:70%}
.n a{color:black;text-decoration:none}
pre{overflow:auto;max-width:99%;padding:1em;background:gainsboro;font-size:1.1em;}
pre{border-bottom:2px dotted white; border-right:2px dotted white}
.col{width:4em}
.nolts{list-style-type:none}
.large img {width:100%}
footer p {clear:both;margin-left:2em}
a:hover {color:gray;text-decoration:none}

video {max-width:100%}
#mags img {width:300px}

@media only screen and (max-width: 640px) {
nav{float:none;max-width:100%}
article{max-width:100%;float:none}
#mags img {max-width:100%;width:100%}
}
@media (prefers-color-scheme: dark) {
body{background:black;color:gray}
a,nav a,.n a{color:white}
pre{background:gray;color:black}
pre{border-bottom:2px dotted gray; border-right:2px dotted gray}
}

.poem {
        margin-top:2em;
    margin-bottom:2em;
}

.poem p {
    margin:0;
    line-height:1.2;
    text-indent:-2em;
    margin-left:2em;
        text-align:left;
    font: 1em monospace;
}