@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro");
body, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, hr,
dl, dd, ol, figure {
  margin: 0;
  padding: 0; }

body {
  margin: 0 auto;
  max-width: 960px;
  line-height: 150%;
  font-size: 22px;
  font-family: 'Source Code Pro', monospace, sans-serif; }

main {
  margin: 0 1em; }

p {
  padding: 0.5em; }

h2 {
  padding: 0.5em 0; }

ul {
  list-style-type: square; }

a {
  color: #0000ff;
  text-decoration: none;
  border: 1px solid; }

a:visited {
  color: #000050; }

a#title-link {
  border: none;
  color: black; }

#post-list {
  margin-top: 2em; }

header#site-header {
  font-size: 40px;
  text-align: center;
  background: white;
  padding: 0.4em 0;
  line-height: 100%;
  border-bottom: 1px solid black;
  margin-bottom: 0.8em; }

@media screen and (min-width: 500px) {
  article.post header {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 1em; }
    article.post header h1 {
      font-size: 200%; }
    article.post header .spacer {
      flex: 3 3 auto; } }
