* { padding: 0; margin: 0 }
a:hover { opacity: .7 }
h1 { font-weight: normal; font-size: 1.3em }
.p a:hover { opacity: 1 }
nav { margin-bottom: 2em }
body { max-width: 810px; margin: auto; padding: 1em; font: .8em sans-serif }
hr { display: none }
article { margin-bottom: 14em; margin-top:4em }
p img { max-width: 100%; margin: .5em 0 }
.t { font-size: 3.5em; font-family: sans-serif; margin-bottom: .2em }
.t a { text-decoration: none; color: black }
.rope { font-size: 1.5em; text-align: center; margin-bottom: 2em; margin-top:-6em }
.rope a { margin: 0 .3em; padding: .5em .8em; border: 2px solid black;
  text-decoration: none; font-weight: bold;
 }
.rope a:hover { color: yellow; background: black }
.thumb { max-width: 24% }
.issue { max-width: 32% }
.d { font-size: .9em }
.desc { margin: 1em 0 }
a { color: black }
.sm { font-size: .8em; display: block; margin-top: .5em }
nav a { margin: 0 .3em }
.sitemap { list-style-type: none }
.sitemap li { margin-bottom: .3em }

@media (prefers-color-scheme: dark) {

  body {
    color: #bbb;
    background: #222;
  }

  a {
    color: hotpink;
  }

  .t a { color: hotpink }
  .rope a { border: 2px solid hotpink }

}