html {

	background-image: url("images/background.jpg");

}

body {

	color: white;
	display: grid;
	text-align: justify;

}

header {
	
	display: grid;
	margin-left: auto;
	margin-right: auto;
	min-width: 700px;
	position: relative;
	width: 40%;

}

h1 {

	font-size: 500%;
	left: 25%;
	position: absolute;
	top: 12%;

}

#hero-image {

	width: 100%;

}

section {

	background: #00800F;
	border: 4px solid black;
	border-radius: 10px;
	line-height: 1.5;
	padding-left: 1%;
	padding-right: 1%;

	margin-left: auto;
	margin-right: auto;
	min-width: 700px;
	width: 40%;

}

#h-titles {
	
	text-align: center;

}

#list {

	text-align: left;

}

#pan {

	width: 50%;

}

#steps-article {	

	display: grid;
	grid-gap: 1rem;
	grid-template-columns: 1fr 1fr 1fr;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	min-width: 700px;
	width: 40%;
	
}

#steps-div {

	background: #8C0B07;
	border: 3px solid black;
	border-radius: 10px;
	padding: 5%;

}

#credit {

	color: black;
	text-align: center;

}