/* || general styles */

html {
	font-family: 'helvetica neue', helvetica, arial, sans-serif;
}

body {
	width: 800px;
	margin: 0 auto;
	background-color: #415fa8;
}

h1, h2 {
	font-family: 'Faster One', cursive;
	color: #b11c22;
}

/* header styles */

h1 {
	font-size: 4rem;
	text-align: center;
	background-color: #fff32f;
}

header p {
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	color: #fff32f;
	background-color: black;
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 1rem;
	width: 40%;
	margin: auto;
}

h2 {
	text-align: center;
}

/* section styles */

section article {
	width: 30%;
	float: left;
	background-color: #fff32f;
	margin: 10px;
	height: 300px
}

section p {
	margin: 5px 0;
	border: solid 1px black;
	padding-left: 25px;
	margin-left: 5px;
	margin-right: 5px;
}

section ul {
	margin-top: 0;
}

h2 {
	font-size: 2.5rem;
	letter-spacing: -5px;
	margin-bottom: 10px;
}