@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url('https://fonts.googleapis.com/css?family=Iosevka');
@import url('https://fonts.googleapis.com/css?family=Martel:300');
@import url('https://fonts.googleapis.com/css?family=Arimo');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/* Fonts */
/* martel-regular - latin */
@font-face {
  font-family: 'Martel';
  font-style: normal;
  font-weight: 400;
  src: local('Martel'), local('Martel-Regular'),
       url('fonts/martel-v2-latin-regular.woff2') format('woff2'),
       url('fonts/martel-v2-latin-regular.woff') format('woff');
}

/* libre-baskerville-regular - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: local('Libre Baskerville'), local('LibreBaskerville-Regular'),
       url('fonts/libre-baskerville-v5-latin-regular.woff2') format('woff2'),
       url('fonts/libre-baskerville-v5-latin-regular.woff') format('woff');
}
/* libre-baskerville-italic - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  src: local('Libre Baskerville Italic'), local('LibreBaskerville-Italic'),
       url('fonts/libre-baskerville-v5-latin-italic.woff2') format('woff2'),
       url('fonts/libre-baskerville-v5-latin-italic.woff') format('woff');
}
/* libre-baskerville-700 - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  src: local('Libre Baskerville Bold'), local('LibreBaskerville-Bold'),
       url('./fonts/libre-baskerville-v5-latin-700.woff2') format('woff2'),
       url('./fonts/libre-baskerville-v5-latin-700.woff') format('woff');
}


/* main theme */

body {
  margin: 2% auto;
  font-family: "Open Sans";
  font-size: 17px;
  background: whitesmoke;
}

.title {
  /* text-decoration: underline; */
  font-family: "Libre Baskerville", serif;
}

/* Headings */
h1, h2, h3, h4 {
  font-weight: normal;
  font-family: 'Martel', serif;
  color: #222;
}

h1:after {
  display: block;
  margin-bottom: 5px;
}

h2:after {  /* line below title */
  content: ' ';
  display: block;
  border-bottom: 1px solid #777;
  margin-top: 5px;
}

h1 { font-size: 2.5em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }

/* Heading number */
[class^='section-number'] {
  padding: 1px 4px;
  font-weight: bold;
}

#content {
  margin: 20px auto;
  max-width: 65%;
}

p, li {
  color: #444;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #content {
    max-width: 90%;
    margin: 2px auto;
  }
}

/* bullet points */
/* ul { */
/*   list-style-type: none; */
/*   padding-left: 1em; */
/* } */

/* ul li:before { */
/*   content: "–"; */
/*   position: absolute; */
/*   margin-left: -1em; */
/*   font-weight: bold; */
/*   color: #888; */
/* } */

/* Links & TOC */
a {
  color: dodgerblue;
  text-decoration: none;
}

a:hover {
  border-bottom: 1px dotted;
}

#table-of-contents {rrrrrr
  line-height: 23px;
  font-family: "Iosevka", monospace;
}

/* Quotes */

blockquote {
  font-style: italic;
  line-height: 23px;
  border-left: 8px solid #BBB;
  padding: 15px;
  text-align: justify;
  color: dimgrey;
  background-color: #EEE;
}

blockquote > p {
  margin: 0;
}

/* source blocks */
.SOURCE {
  font-family: "Iosevka", monospace;
}

/* footer */
#postamble {
  color: #FFF;
  margin-top: 30px;
  text-align: center;
  font-style: italic;
  font-size: 0.8em;
}

#postamble > * {
  display: inline;
}