/*shared styles*/

body{
	background-color: #ffcc00;
	color: #231900;
}
article{
	margin: 25px 100px;
}
h1, p:first-of-type::first-letter{
	font: 4.5rem 'Open Sans', sans-serif;
}
section, .by{
	font: 1rem 'Montserrat', sans-serif;
	line-height: 1.25rem;
	max-width: 50ch;
}
em, .by{
	font-weight: bold;
	font-style: italic;
}

/*header and by-line*/

h1{
	text-transform: uppercase;
	line-height: 4rem;
	max-width: 20ch;
}
.by::before{
	content: "";
	background-color: black;
	width: 100px;
	height: 15px;
	margin-right: 10px;
}
.by{
	display: flex;
	align-items: center;
	margin: 25px 0;
}

/*section*/

p{
	margin-bottom: 10px;
}
p+p{
	text-indent: 42px;
}
p:first-of-type::first-letter{
	float: left;
	line-height: 3.5rem;
	margin-right: 0.4rem;
}