body { margin: 10px; background-color: #d0dbe2; font-family: 'Coda'; }
a.disabled { pointer-events: none; cursor: default; color:grey; }
nav { font-size: 125%; float:right; }
img.round { width:100%; max-width:400px; border-radius: 50%; }
img.post { width:100%; }
.flex-container { display: block; }
@media only screen and (min-width: 1000px) {
  img.round { width:400px; border-radius: 50%; }
  img.post { width:600px; }
  .flex-container { display: flex; }
}
.content { width:100%; }
.flex-container > div { padding: 20px; }
div.date {color: grey; }
div.social > a { padding-right: 10px; }
div.footer {font-size: 75%; }