/* General styles */
body {
  background: #e9e9e9;
  font-family: Garamond, 'Times New Roman', Times, serif;
}
/* Flex page so that the footer moves to the bottom.
   https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
*/
.container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
.content {
  flex: 1;
}
/* Reactivate list bullets. */
.bulleted-list {
  list-style-type: square;
  list-style-position: inside;
}
/* Move the bullet outside the main flow when we're not on the smallest
   screen. This replicates the "not-small" breakpoint.
*/
@media only screen and (min-width: 30em) {
  .bulleted-list {
    list-style-position: outside;
  }
}
/* Hide HR tags */
hr.invisible {
	clear: both;
	visibility: hidden;
}
/* Inline styles */
article q {
  color: #97040f; /* .red */
}
article a {
  color: rgba( 0, 0, 0, .7 ); /* .black-70 */
  background-color: #fbf1a9; /* .bg-light-yellow */
  text-decoration: underline;
}
article a:hover {
  background-color: #ff725c; /* .bg-light-red */
}
/* Make the post header pop */
article h2 {
  background: -webkit-linear-gradient(#b2b2b2,#ff725c); /* .black-30 to .light-red */
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}