* {
  box-sizing: border-box;
}

a {
  color: #98BB6C;
  text-decoration: none;
}

a:hover {
  color: #76946A;
}

body {
    background: #19191b;
    color: #DCD7BA;
    font-family: Verdana, Tahoma, sans-serif;
    margin: auto;
    max-width: 95vw;
}

code {
  color: #ffffff;
  white-space: pre-wrap;
}

.codehilite {
  padding: 3px 3px 3px 15px;
  border-radius: 5px;
  max-width: 70ch;
}

.content {
	  min-height: calc(100vh - 6.5rem);
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}

details {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

.footer {
  font-family: monospace;
}

h1,h2,h3,h4,h5,h6 {
  color: #C8C093;
  font-weight: 300;
}

img {
  max-width: 100%;
}

nav {
  margin-top: 10px;
}

p {
  max-width: 79ch;
}

.post {
  margin-top: 7px;
  margin-bottom: 7px;
  font-size: 18px;
  }

.post-link {
  color: #658594;
}

.post-link:hover {
  color: #72a0b6;
}

summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}

.text-muted {
  color: #727169;
  font-size: medium;
  font-family: monospace;
}