body { font-family: "Lucida Granda", Verdana, Arial, Sans-Serif; font-weight: 300; font-size: 1.2em; font-size: calc(1vmin + 0.4em); line-height: 1.4em; margin: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body, aside, main { flex-direction: column; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; }

a, th { font-weight: 400; }

strong, b { font-weight: 600; }

img { max-width: 100%; border-radius: 2px; }

address, time { font-style: normal; color: #949494; }

a { color: inherit; text-decoration: inherit; transition: color 0.2s ease-out; }
a.visited, a:hover { color: #949494; }

a.ghost { background-color: #4b6fff; color: white; border: 2px solid #4b6fff; border-radius: 2px; transition: 0.1s; }

a.ghost:hover { background-color: inherit; color: #4b6fff; }

article a, a.selected { color: #68f; }

header a, h2 { font-family: "Gentium Basic"; font-size: 1.3em; line-height: 1.3em; color: inherit; }

main { flex-grow: 1; }

header, aside li { padding: 0.5em 1.5em; }

pre { background-color: rgba(34, 34, 34, 0.75); color: white; border-radius: 2px; font-size: 0.7em; padding: 0.5em 1em; white-space: pre-wrap; }

blockquote { border-left: 5px solid #4b6fff; padding-left: 1.5em; margin: 0; }

table { border-spacing: 1px; box-shadow: 0px 0px 0px 1px rgba(148, 148, 148, 0.16) inset; }

tr:hover { background: rgba(148, 148, 148, 0.06); }

th, td { box-shadow: 0px 0px 0px 1px rgba(148, 148, 148, 0.16); padding: 0.5em 1em; }

.light { color: black; background-color: #ffffff; }

/* .dark { color: white; background-color: #282828; } */
.dark { color: black; background-color: #f5f5dc; }

@font-face {
  font-family: 'DiasporaFont';
  src: url('/fonts/DiasporaFont.woff2') format('woff2'), url('/fonts/DiasporaFont.woff') format('woff'), url('/fonts/DiasporaFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.fa-diaspora-square:before {
    content: "\e000";
    font-family: 'DiasporaFont';
}

.fa-diaspora:before {
    content: "\e001";
    font-family: 'DiasporaFont';
}

/* see https://thornelabs.net/2014/11/30/centering-images-with-jekyll-and-markdown.html */
.center-image {
    margin: auto;
    display: block;
    max-width: 80%;
}