body {
  font-family: monospace;
  padding: 0.5em;
  max-width: 80em;
  margin: 0 auto;
}

img {
  max-width: 100%;
  height: auto;
}

a:link    { color: blue; text-decoration: none;      }
a:hover   { color: blue; text-decoration: underline; }
a:visited { color: blue;                             }

#menu li {
    display: inline;
}

#menu li:not(:last-child)::after {
    content: " | ";
}

#post-list {
    margin-bottom: 1em;
    margin-top: 1em;
}

pre {
    margin: 2em 1em 2em 4em;
    white-space: pre-wrap;
}
pre {
    padding: 0.5em;
    background: #ddd;
    border: 1px solid #000;
    overflow: auto;
}


.status {
    font-weight: bold;
}
.status-open {
    background-color: darkgreen;
}
.status-closed {
    background-color: darkred;
}
.status-lunch {
    background-color: orange;
}
.status-div {
    background-color: white;
    border: 1px solid #000;
    padding: 10px;
    overflow: auto;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (prefers-color-scheme: dark){
    .status-open {
        background-color: #020;
    }
    .status-closed {
        background-color: #200;
    }
    .status-lunch {
        background-color: #220;
    }
    .status-div {
        background-color: #111;
        color: white;
    }
	  a:link {
		    color: #acf;
	  }
	  a:visited {
		    color: #caf;
	  }
    pre {
        background: #222;
    }
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 0.5em;
}

.entry-title {
  margin-bottom: initial;
}

.index-content {
  margin-left: 2rem;
}