html {
  background: #303446;
  color: #c6d0f5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #a5adce;
}

header {
  border-bottom: 1px solid #51576d;
  padding-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

#content {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2em;
  padding-bottom: 2em;
}

a {
  text-decoration: none;
  padding: 5px;
  font-weight: bold;
  color: #f2d5cf;
}

a:hover {
  text-decoration: underline;
}

pre {
  font-size: 1am;
  padding: 10px;
  overflow-y: auto;
  border: #51576d 3px solid;
  border-radius: 1rem;
}

p code {
  background: #51576d;
  border-radius: 5px;
  font-size: 120%;
  padding-left: 3px;
  padding-right: 3px;
}

table, th, td {
  border-collapse: collapse;
  border: 1px solid #51576d;
  padding: 10px;
}

tbody tr:nth-child(even) {
  background: #292c3c;
}

footer {
  border-top: 1px solid #51576d;
  padding-bottom: 20px;
}

#links {
  padding-top: 10px;
}

#banners {
  padding-top: 10px;
}

header, footer {
  text-align: center;
}

blockquote {
  border-left: 5px solid #51576d;
  padding-left: 20px;
}

#home {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

hr {
  color: #51576d;
}

#blog-meta p{
  display: inline;
}

#blog-meta #date{
  padding-left: 10px;
  color: #a5adce;
}