html {
	display: flex;
	min-height: 100vh;
}

body {
	margin: auto;
	font-family: "Source Sans Pro",Tahoma,Arial,sans-serif;
}

header {
	text-align: center;
	font-weight: bold;
	font-size: 50px;	
}

#title {
	text-decoration: none;
	color: black;
}

#tabs {
	grid-template-columns: repeat(4, 150px);
	display: grid;
	grid-column-gap: 40px;
	align-content: center;
	justify-items: center;
	font-weight: bold;
	font-size: 20px;
	padding: 20px;
}

#tabs-name {
	text-decoration: none;
	color: rgb(70,70,70);
}

#tabs-overview {
	color: rgb(30,100,50);
}

#frigidaire {
	height: 50%;
	width: auto;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#direction {
	grid-template-columns: repeat(2,auto);
	grid-column-gap: 450px;
	display: grid;
	align-content: center;
	justify-items: center;
}

#next {
	font-weight: bold;
	font-size: 17px;
	text-decoration: none;
	color: rgb(70,70,70);
}



#overview {
	grid-template-columns: 50% 50%;
	display: grid;
	width: 700px;
	margin-left: 25px;
}

#storyboard {
	height: 800px;
	width: auto;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#one {
	height: 400px;
	width: auto;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#two {
	height: 400px;
	width: auto;
	display: block;
	margin-left: auto;
    margin-right: auto;
}

#info {
	grid-template-columns: 600px;
	justify-content: center;
	display: grid;
}