body {
  width: 600px;
  text-align: left;
}
.blogauthor {
  text-align: center;
  border-bottom: none;
  margin: 0.5em 0 0.5em 0;
  font-weight: normal;
  font-size: inherit;
}
.blogdate {
  text-align: center;
  border-bottom: none;
  margin: 0.5em 0 0.5em 0;
  font-weight: normal;
  font-size: inherit;
}
.blogindex{
  text-align: center;
  border-bottom: none;
  margin: 0.5em 0 0.5em 0;
  font-weight: normal;
  font-size: inherit;
}
.blogtitle {
  text-align: center;
}
.commentbyline
{
 display: inline-block;
 font-weight: bold;
}
.comment
{
margin-bottom: 0.5em;
}
a
{
  color: inherit;
}
a:hover
{
  color: #12f;
}
img
{
  width: 100%;
  background-color: #fff;
}  
li
{
  text-align: left;
}
code
{
    white-space: nowrap;
}

@media (prefers-color-scheme: dark) {
table tr th
{
  background-color: #444;
}
table tr:nth-child(even) td
{
  background-color: #202124;
}
table tr:nth-child(odd) td
{
  background-color: #333;
}
blockquote, q {
    color: #ccc;
}
pre, code
{
  background-color: #444;
}
a:hover
{
  color: #50c1e4;
}
}

/* footnote in small font */
.footnote
{
  font-size: 0.6em;
}

.preface
{
  font-size: 0.8em;
  font-style: italic;
  padding-left: 10%;
  padding-right: 10%;
}

.citation::before
{
  content: "[citation]";
  font-size: 0.6666em;
  vertical-align: top;
}


video
{
  max-width: 100%;
}

figcaption
{
  font-style: normal;
  /* justified but let last line be ragged */
  text-align: justify;
  text-align-last: left;

}

strong
{
  font-weight: bold;
}