---
---

@import "jekyll-theme-minimal";

section {
  display: table-cell;
  width: 100%;
  max-width: 100vw;
  float: none;
}

header {
  display: table-cell;
  position: relative;
  width: 240px !important;
  margin-right: 1em;
}

div.wrapper {
  margin-left: none;
  margin-right: none;
  width: 100%;
}

pre.highlight {
  width: auto;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

div.blogpost {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 100px minmax(200px, 1fr);
}

div.blogpost div#date div#day {
  font-size: 2.25em;
  text-align: center;
}

div.blogpost div#date div#month {
  font-size: 0.6em;
  text-align: center;
  text-transform: uppercase;
}

div.blogpost div#overview div#title {
  margin-top: 0.5em;
  margin-bottom: 0.1em;
}

div.blogpost div#overview div#excerpt {
  padding-top: 0.5em;
  color: #444444;
  text-decoration: none;
  font-size: 1em;
}