@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/LibreBaskerville-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/LibreBaskerville-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  src: url(/fonts/LibreBaskerville-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/SourceCodePro-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/SourceCodePro-Bold.ttf) format('truetype');
}

body {
    margin:40px auto;
    max-width:650px;
    line-height:1.6;
    font-size: medium;
    font-family: "Libre Baskerville", serif;
    color: black; background: white;
    margin-left: 5%; margin-right: 5%;
}

pre code {
  font-size: 75%;
  padding: 0 0.5em;
  font-family: "Source Code Pro", san-serif;
  background: #faf8f0;
  border: 1px solid #999;
  display: block;
}

h1 { font-size: 150%; font-weight: bold; text-align: left; }
h2 { font-size: 125%; font-weight: bold; text-align: left; }
h3,h4 { font-size: 110%; font-weight: bold; text-align: left; }

img {  border: 0; }

li { 
    color: black; 
    padding: 0.25em;  
    border: none; 
}