/* Typography */
@import 'https://fonts.googleapis.com/css?family=Great+Vibes|Libre+Baskerville|Source+Code+Pro';

body {
  font-family: 'Libre Baskerville';
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Libre Baskerville';
}

.title {
  font-family: 'Great Vibes', cursive;
}

pre, code {
  font-family: 'Source Code Pro';
}

/* Text colors */
body { color: #444444; }
a:link { color: #73d216; }
a:hover { color: #8ae234; }
a:visited { color: #4e9a06; }

/* Backgrounds and layout */
body {
  background: url(/img/labyrinth_background.jpg) left bottom fixed no-repeat #eeeeee;
  margin-bottom: 5ex;
}

.container.sep-after #breadcrumbs { margin-bottom: -2em; }

.main {
  width: 48em;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2em 2em 2em;
  background: rgba(238, 238, 238, 0.5);
}

@media (min-width: 1280px) {
  body {
    margin-bottom: 50px;
  }
}

@media (max-height: 768px) {
  body {
    background-position: left -150px bottom -130px;
  }
}

body p {
  text-align: justify;
}

/* Links to previous/next article */
.entry-nav .sep-before::before { content: none; }
.entry-nav .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.next-entry { text-align: right; }

/* Embedded media content */
video {
  height: auto;
  width: 100%;
  max-width: 100%;
  margin-left:auto;
  margin-right:auto;
}

.site-header { display:flex; }

/*
 * css3 external links stuff
 * thanks to <http://www.kryogenix.org/days/2002/08/30/external>
 */
#content a[href^="http:"]:after,
#content a[href^="https:"]:after,
#enclosure a[href^="http:"]:after,
#enclosure a[href^="https:"]:after {
  content: "↗";
}
#content a[href^="http://localhost"]:after,
#content a[href^="https://www.alexandrefranke.com"]:after,
#enclosure a[href^="http://localhost"]:after,
#enclosure a[href^="https://www.alexandrefranke.com"]:after {
  content: none;
}