body{
	color: #1A0909;
  background-color: #BAB7A6;
  margin: 1em;
}

/* set common text */
p, li{
	font-family: "Macondo", cursive;
  line-height: 1.5em;
  margin-bottom: 0.8em;
  font-size: 1.2em;
}

div{
	max-width: 50em;
  margin-top: 1em;
  margin-bottom: 1em;
}

/* headings */
h1,h2{
  font-family: "Merriweather", serif;
  margin: 0;
}
h1 {
	Font-size: 3em;
  font-family: "Macondo", cursive;
}

h2 {
	Font-size: 1.4em;
}

/* Classes */
.box{
  border: 4px solid black;
  padding: 2em;
  background-color: #E8DEA0;
  margin: 0 auto;
}
.flex-box{
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.signoff{
	Font-size: 2em;
  text-align: center;
  font-family: "Macondo", cursive;
  font-style: italic;
  text-decoration: underline #690002;
  margin-top: 1em;
}
.half-image{
  max-height: 23em;
}

/* warrning label */
.warning{
	background-color: #FEFEEE;
  border: 4px solid #690002;
  color: #690002;
  max-width: 50em;
  padding: 1em;
}

.warning h2{
  font-family: "Impact", sans-serif;
  font-size: 2em;
}

.warning p{
  font-family: "Ariel", sans-serif;
}

/* lists */
li{
  max-width: 40em;
}
ol li{
	list-style-type: lower-roman;
  font-weight: 800; 
}
ul li{
  list-style: square;
  font-weight: 800; 
}
li div{
 	font-weight: 400;
  padding: 0.1em;
  padding-left: 0.5em;
  border-left: 3px solid #690002;
}
li div:hover{
	background-color: #F2ECC2;
}

/* fonts */
.merriweather-light {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: normal;
}

.merriweather-regular {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: normal;
}

.merriweather-bold {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: normal;
}

.merriweather-black {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-style: normal;
}

.merriweather-light-italic {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-style: italic;
}

.merriweather-regular-italic {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-style: italic;
}

.merriweather-bold-italic {
  font-family: "Merriweather", serif;
  font-weight: 700;
  font-style: italic;
}

.merriweather-black-italic {
  font-family: "Merriweather", serif;
  font-weight: 900;
  font-style: italic;
}

.macondo-regular {
  font-family: "Macondo", cursive;
  font-weight: 400;
  font-style: normal;
}