/* Put your custom styles here and run `npm start` from the "src" directory on */

#TableOfContents ul li {
  margin-bottom: 1em;
}

.lh-copy blockquote {
  display: block;
  font-size: .875em;
  margin-left: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left: 4px solid #ccc;
  padding-left: 1rem;

}

.nested-links a{
  overflow-wrap: break-word;
}

@font-face {
  font-family: Quentincaps;
  src: url('/quentincaps.woff2') format('woff2');
}


header .fancy-title {
  font-family: Quentincaps;
  color: firebrick;
  text-shadow: 0px 0px 10px yellow;
}

nav .fancy-title{
  text-shadow: none;
}

article>div>p:not(.nodrop):first-of-type::first-letter {
  color: firebrick;
  padding: 0 .3rem;
  margin: 0 .3rem 0 0;
  border: 2px solid;
  border-radius: 8px;
  font-family: Quentincaps, monospace;

  font-size: 4rem;
  float: left;
  line-height: 1.3;
}

ol li li {
  list-style-type: lower-alpha;
}
ol li li li{
  list-style-type: lower-roman;
}
