/* General Layout (Non-typographic) Style Rules */
body {
	margin: 40px 60px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
body > ul {
	margin-bottom: .5em;
}

h1 {
 margin-bottom: 7em;
}

ul li {
	margin: .15em 0;
}
code {
	background-color: rgb(251, 214, 214);
}
footer {
	margin-top: 80px;
}


/* Typographic Styles */
h1, h2, h3 {
	font-family: 'DM Serif Display', serif;
	background-color: #dcdcdc;
}

h1 span:first-child {
	font-size: 5em;
	z-index: 2;
	position: relative;		
}

h1 span:nth-child(2) {
	color: rgba(240, 128, 128, 0.7);
	font-size: .1px;	
}

h1 span:nth-child(2)::before {
	content: "&";
	font-size: 289px;
	font-style: italic;
	position: absolute;
	z-index: 1;
	left: 50px;
}

h2 {
	font-size: 2em;
	text-transform: uppercase;
	color: rgb(240, 128, 128);
	text-align: center;
}

h3 {
	font-style: italic;
}

section p {
	font-size: large;
}