:root {
  --margin-indent: 2rem;
}

body {
  font-family: "Times New Roman", Times, serif;
  background-color: #FFF8EE;
  color: #111;
  text-align: justify;
  text-justify: inter-character;
  line-height: 1.5rem;
  width: 100%;
}

main {
  max-width: 32rem;
  margin: 4rem auto;
}

.hljs {
  border: 2px solid;
  border-color: #745b35;
  border-radius: 1rem;
  background: #fff0d4;
  box-shadow: 0.3rem 0.4rem 0.6rem rgba(0, 0, 0, 0.3);
  margin: 1rem;
  tab-size: 2;
}

p code {
  font-size: 0.9rem;
  padding: 0 0.2rem;
  border-radius: 0.4rem;
  border: solid 1px #e9cd9c;
  white-space: nowrap;
}

pre code {
  font-size: 0.7rem;
  line-height: 1.1rem;
}


/* Remove all margins from paragraphs within a section */
section p {
  margin: 0;
}

/* Set the sections margin top */
section p:first-of-type {
  /* margin-top: 3rem; */
}

/* Set the sections margin bottom */
section p:last-of-type {
  margin-bottom: 0rem;
}

/* Set the first letter of a sections size */
section p:first-of-type:first-letter {
  float: left;
  font-size: 3.6rem;
  padding-top: 0.6rem;
  margin-left: 0;
}

/* Set inner paragraph indentation */
section p:first-letter {
  margin-left: 2rem;
}

/* Cancel paragraph indentation after each */
section br + p:first-letter,
section code + p:first-letter,
section div + p:first-letter,
section figcaption + p:first-letter,
section img + p:first-letter,
section h1 + p:first-letter,
section h2 + p:first-letter,
section h3 + p:first-letter,
section h4 + p:first-letter,
section h5 + p:first-letter,
section h6 + p:first-letter {
  margin-left: 0rem;
}

/* li p:first-of-type:first-letter { */
/*   font-size: 1rem; */
/* } */

hr.fade-in-out {
	background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(10, 10, 10, 0.25), rgba(200, 200, 200, 0));
	border: 0 none;
	height: 0.1rem;
  margin-top: 4rem;
  margin-bottom: 6rem;
}

.overline {
  text-decoration: overline;
}

.mark {
	border: 0 none;
	height: 0.1rem;
  background-color: red;
}

.no-margin {
    margin-top: 0;
    margin-bottom: 0;
}