@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local("Inconsolata"), url("inconsolata.woff2") format("woff2"); }
.hljs-keyword {
  font-weight: bold; }

.hljs-comment {
  color: gray; }

.hljs-number,
.hljs-string,
.hljs-meta-string {
  color: brown; }

.hljs-title {
  color: darkcyan; }

.hljs-meta {
  color: darkblue; }

.hljs-type {
  color: #440; }

html {
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 0; }
  html * {
    font-size: inherit;
    font-family: inherit;
    margin: 0;
    padding: 0; }
  html code {
    font-family: Inconsolata, monospace; }
  html body {
    min-height: 100%;
    min-width: 300px;
    box-sizing: border-box;
    background-color: gray; }
  html header, html main, html footer, html menu {
    box-sizing: border-box;
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
    padding: 1.5rem; }
  html header {
    background-color: black;
    color: silver;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
    html header a, html header a:visited, html header a:hover {
      color: white;
      text-decoration: none; }
    html header h1 {
      font-size: 200%; }
    html header .bloglink {
      float: right; }
  html .rsslink {
    float: right; }
  html main {
    background-color: white;
    min-height: 30rem; }
    html main h1 {
      font-weight: bold;
      background-color: black;
      color: white;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      margin-bottom: 1rem;
      margin-left: -1.5rem;
      margin-right: -1.5rem; }
      html main h1 a, html main h1 a:visited {
        color: white;
        font-weight: normal; }
    html main h2, html main h3, html main h4, html main ul, html main ol {
      margin-bottom: 1rem; }
    html main h2.publish-date {
      text-align: right; }
    html main ol {
      margin-left: 1rem; }
    html main ul {
      margin-left: 1rem; }
    html main pre {
      margin-bottom: 1rem;
      border: solid 1px black;
      padding: 1rem;
      max-width: 50rem;
      box-sizing: border-box;
      width: 100%;
      max-height: 40rem;
      overflow-y: auto;
      background-color: #EEE; }
    html main code {
      background-color: #EEE;
      padding: 0.2rem;
      border: solid 1px #CCC;
      border-radius: 0.2rem; }
    html main pre code {
      border: none;
      padding: 0;
      background: none; }
    html main p {
      margin-bottom: 1rem; }
      html main p:empty {
        margin-bottom: 0rem; }
    html main section {
      margin-bottom: 1rem; }
    html main a {
      text-decoration: none;
      color: #080; }
    html main a:visited {
      color: #060; }
    html main a:hover {
      text-decoration: underline; }
    html main .panel {
      max-width: 20rem;
      vertical-align: top;
      display: inline-block;
      padding: 0.5rem;
      margin: 0.5rem;
      border: solid 1px black;
      box-sizing: border-box;
      overflow: hidden; }
      html main .panel h1 {
        margin-top: -0.5rem;
        margin-left: -0.5rem;
        margin-right: -0.5rem;
        padding: 0 0.5rem; }
    html main .project-panel {
      height: 10rem; }
      html main .project-panel img.project-icon {
        height: 3rem;
        float: left;
        margin-right: 1rem;
        vertical-align: middle; }
      html main .project-panel .summary {
        height: 5rem;
        overflow: hidden; }
      html main .project-panel .links {
        text-align: center; }
    html main section .section-body {
      max-width: 60rem; }
    html main .blog-entry a h2 {
      display: inline; }
  html main.draft {
    border: dashed 2px red; }
    html main.draft h1 {
      background-color: #C00; }
    html main.draft:before {
      content: '--- DRAFT ---';
      display: block;
      text-align: center;
      font-weight: bold;
      color: #C00;
      margin-top: -1.5rem; }
  html footer {
    height: 4rem;
    text-align: center;
    background-color: white;
    padding-top: 2rem; }

/*# sourceMappingURL=style.css.map */