/* Scale down the entire site a bit */
html { font-size: 92%; } 


/* Footnotes: a bit smaller than the normal text */
.footnotes {
  font-size: 0.875rem;   /* similar to f6 */
  line-height: 1.4;
  opacity: 0.85;
}

/* Footnotes: separate two con */
sup + sup ::before { 
  content: ", ";
}

/* Make code blocks smaller and a nice retro-orange */
pre code {
	line-height: 1.1;
	font-size: 0.875rem;   /* similar to f6 */
	color: hsl(30, 100%, 66%);
}

/* Center images and figures in main content */
main img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

main figure {
  text-align: center;
}

main figure img {
  margin: 0 auto;
}

main figcaption {
  font-size: 0.9rem;
  color: #666;
}

/*Lightbox Figures*/

/* Lightbox figure */
.lightbox-figure {
  text-align: center;
  margin: 2rem auto;
    max-width: 88.75%; /* no idea why this is needed to make it as wide as un-lightboxed figures */
  height: auto;
}

.lightbox-figure img {
  display: block;
  margin: 0 auto;
  cursor: zoom-in;
}

/* Caption */
.lightbox-figure figcaption {
  font-size: 0.9rem;
  color: #666;
  margin-top: 0.5rem;
}