/* this section controls how the text in the header appears */
#blogHeader {
	font-size: 70%;
}

.pubdates {
	font-size: 75%;
	line-height: 100%;
}

/* this section controls the line height of anything with a header tag */
h1, h2, h3, h4, h5, h6{
	  line-height: 130%; 
  }

/* this section controls how the text in the main body of the page appears */
body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3em;
	padding-right: 2em;
	padding-left: 2em;
	max-width: 7in;
	margin-left: auto;
	margin-right: auto;
	line-height: 180%;
}

/* most pandoc-generated code blocks are wrapped in both <pre> and <code> tags
 * which is why both sections of CSS are required.  However the font size needs
 * to be decreased for consistency.  Because all code blocks are wrapped in <pre>
 * but only some are also wrapped in <code>, keep the font-size value in <code>
 * at 100% while only adjusting the font-size in <pre>
*/

pre {
	font-family: 'Roboto Mono', Courier, monospace;
    font-size: 90%;
    line-height: 170%;
	margin-left: auto;
	margin-right: auto;
	background-color: #f1f1f1;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
}

code {
	font-family: 'Roboto Mono', Courier, monospace;
    font-size: 100%;
    line-height: 170%;
    white-space: pre;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
}

table {
	width: 110%;
}

.figure {
	max-width: 10in;
}

.footnotes {
	font-size: 80%;
}

.title {
	line-height: 150%;
}

/* this section controls how the text in the navbar (Home, Twitter links) is
 * displayed
*/
.navbar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 1em;
}

/* this section controls how the footer text is displayed */
#footer {
	padding-top: 1em;
	padding-bottom: 2em;
	font-size: 70%;
	text-align: center;
}