intro.css

@import url('https://fonts.googleapis.com/css?family=Roboto: 400, 500');

.main-container {
  font-family: 'Roboto', sans-serif;
  }

.toc-content {
  max-width: 600px;
  }

.tocify-subheader[data-tag="2"] .tocify-item {
  font-size: 1em !important;
  padding-left: 1em !important;
  }

.tocify-subheader[data-tag="3"] .tocify-item {
  font-size: 1em !important;
  padding-left: 2em !important;
  }

.tocify-subheader[data-tag="4"] .tocify-item {
  font-size: 1em !important;
  padding-left: 3em !important;
  }

.tocify-subheader[data-tag="5"] .tocify-item {
  font-size: 1em !important;
  padding-left: 4em !important;
  }

.tocify-subheader[data-tag="6"] .tocify-item {
  font-size: 1em !important;
  padding-left: 5em !important;
  }

.section h2 {
  padding-top: 64px !important;
  padding-bottom: 4px !important;
  border-bottom: 1pt solid black !important;
  }

.section h3, .section h4  {
  padding-top: 64px !important;
  padding-bottom: 4px !important;
  border-bottom: none !important;
  }

.author, .date {
  margin-top: 0.5em;
  margin-bottom: 0.25em;
  font-weight: normal;
  }

.date {
  margin-bottom: 1em;
  font-size: small;
  font-style: normal;
  }

.figure {
  padding-top: 0.5em!important;
  padding-bottom: 0.5em !important;
  }

.caption {
  padding-top: 0.5em;
  }

a:link {
	color: #dd4814; /* dark orange */
	text-decoration: none;
	}

a:visited {
	color: #ff8e65; /* light orange */
	text-decoration: none;
	}

a:hover	{
	color: #F30; /* red */
	text-decoration: underline;
	}

a:active {
	color: #F60; /* orange */
	text-decoration: underline;
	}

.dropcap	{
	padding-bottom: 10px;
	font-size: 3.2em;
	vertical-align: bottom;
	float: left;
	position: relative;
	top:  7px;
  }

blockquote  {
  color: teal;
  }

.small-left	{
	float: left;
	margin: 0.25em 1em 0.25em 0pt;
	vertical-align: top;
	width: 60pt;
	}

.small-left-1em	{
	float: left;
	margin: 0.25em 1em 0.25em 1em;
	vertical-align: top;
	width: 60pt;
	}

.bottom-navbar  {
  padding: 0.5em;
  margin-top: 2em;
  text-align: center;
  border: 1pt solid #bf3e11;
  border-radius: 8px;
  background-color: #dd4814;
  }

.bottom-navbar-link {
  text-emphasis: bold;
  font-style: italic;
  color: white;
  }