---
---

/*html { font-size: 14px; }*/


body {
  margin: auto;
}

.topbar {
  position: relative;
  background: #F3F3F3;
  height: 70px;
  width: 100%;
}

h2, h3 {
  font-family: 'Alegreya Sans', sans-serif;
  font-family: 'Fira Sans';
  font-weight: 200;
  font-style: normal;
}

.post-title {
  font-family: 'Alegreya Sans', sans-serif;
  font-family: 'Fira Sans';
  font-weight: 200;
  /*font-size: 3.2em;*/
  /*line-height: 1em;*/
  /*line-height: 1.6em;*/
}

.post-title, .post-title:after {
  position: relative;
  /*left: 10px;*/
  line-height: 1.6em;
  /*background: #ffdb00;
  -webkit-box-shadow: -10px 0px 0px #ffdb00, 10px 0px 0px #ffdb00;
  box-shadow: -10px 0px 0px #ffdb00, 10px 0px 0px #ffdb00;
  box-decoration-break: clone;*/
}

.author {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #b3b3b3;
}

.book-title {
  position: absolute;
  top: 20px;
  padding-left: 30px;
}

.prog-mod {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 22px;
  margin-bottom: -8px;
  margin-left: -10px;
  color: #595959;
}

.dist-comp {
  font-family: 'Alegreya Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 900;
  font-style: normal;
  font-size: 24px;
}

@font-face {
  font-family: 'Consolas';
  src: url('{{ site.baseurl }}/resources/glyphs/Consolas.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas.svg#Consolas') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Consolas';
  src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.svg#Consolas-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
}

code {
  color: #8C9899;
  /*background: #F4F4F4;*/
  /*border-radius: 3px;*/
  /*padding: 2px;*/
  /*border: 1px solid #DDDDDD;*/
  /*margin: 0 3px 0 3px;*/
  /*padding: 0 2px 0 2px;*/
}

.logo {
  margin-left: -16px;
  margin-top: 16px;
}