/* css styles */
:root {
  --brand-blackish: #3E3023;
  --brand-senategreen: #B0D4C7;
  --brand-lightbrown: #BEB6A4;
  --brand-midbrown: #8E6944;
  --brand-whiteish: #F7F7F8;
  --brand-darkblue: #0a2c4f;
  --brand-greyblue: #5f6275;
  --main-color:  var(--brand-blackish);
  --accent-color: var(--brand-senategreen);
  --heading-color: var(--brand-midbrown);
  --bg-color: var(--brand-senategreen);
}


h1,h2,h3,h4,h5,h6 {
	color: var(--heading-color);
	border-left: 1em var(--accent-color);
}


main {margin-top: 0;}

html {
	background-color: var(--bg-color);
	background-image: url("documents-feature-brown-transparent.png");
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body {
	color: var(--main-color);
	background-color: white;
	max-width: 900px;
	margin: 0 auto;
	font-family: 'Times New Roman', serif;
}

#quarto-header {
	max-width: 900px;
	margin: 0 auto;
}

.navbar {
	background-color: var(--brand-lightbrown);
	margin-bottom: 4em;
}

#quarto-content a {color: var(--brand-darkblue);}
#quarto-content a:visited {color: var(--brand-greyblue);}

/* blog pagination buttons */
.active .page-link {
	background-color: var(--brand-senategreen);
	border-color: var(--brand-senategreen);
}