p {
  font-family: 'Crimson Pro';
  font-size: 17pt;
  text-indent: 10px;
}

a { /* contrast for a on ivory bg https://dequeuniversity.com/rules/axe/4.4/color-contrast */
  color: #0250C0;
}
h2 {
	font-size: 1.8em;
  font-family: 'Vollkorn';
  margin-top: 50px;
  margin-bottom: 30px;
  text-align: center;
}
h3 {
	font-size: 1.6em;	
  font-family: 'Vollkorn';
  text-align: center;
  margin-top: 40px;
	margin-bottom: 15px;
}

h4 {
	font-size: 1.4em;	
  font-family: 'Vollkorn';
  text-align: center;
  margin-top: 30px;
  margin-bottom: 17px;
}

.container {
	margin-top: 15%;
}
.btn {
	margin-top: 1em;
}

.bg-gold {
	background-color: gold;
	padding: 0 8px 0px 8px;
	border-radius: 5px;
}
.margin-bottom-7 {
	margin-bottom: 10%;
}
ul, ol {
	font-family: 'Crimson Pro';
	font-size: 17pt;
}
.container {
	margin-bottom: 50px;
}
.row {
	margin-left: 0;
	margin-right: 0;
}
img {
	border-radius: 10px; 
	margin-bottom: 20px;
  border: 1px solid gray;
}
@media screen and (max-width: 700px) {
  .clip {
		overflow-x: hidden;
	}
}
.center {
	text-align: center;
}
.h2-span {
  font-size: 0.8em;
}
.navbar {
	background-color: ivory!important;
	border-bottom: 1px solid lightgray;
}
.margin-left-6 {
  margin-left: 6px;
}
.margin-top-10 {
  margin-top: 70px;
}
.margin-top-30 {
  margin-top: 30px;
}
.code {
	margin: 5px;
	padding: 10px;
	border: 1px solid lightgray;
	border-radius: 5px;
	font-size: 16px;
	background-color: #2e3842;
}
pre {
	margin-bottom: 0;
	color: ivory;
}