* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Montserrat", sans-serif;
	font-size: 18px;
	min-width: max-content;
	min-height: max-content;
}
header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 10vh;
	background-color: rgb(127, 127, 127);
}
header > p {
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	font-weight: bold;
	width: 80%;
	height: 4vh;
	background-color: yellow;
	color: red;
}
main {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
	height: 51vh;
	background-color: rgb(237, 28, 36);
}
p#upmain {
	display: flex;
	flex-direction: row;
	justify-content: end;
	align-items: center;
	background-color: rgb(255, 174, 201);
	width: 50%;
	height: 10vh;
	padding: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}
p#downmain {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	background-color: rgb(255, 174, 201);
	width: 50%;
	height: 10vh;
	padding: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}
footer {
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 39vh;
	background-color: rgb(181, 230, 29);
}
div {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
	width: 80%;
	height: 39vh;
}
p.upfoot {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: coral;
	width: 100%;
	height: 5vh;
	padding: 10px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	color: gray;
}
p.midfoot {
	display: flex;
	flex-direction: row;
	justify-content: start;
	align-items: center;
	background-color: coral;
	width: 67%;
	height: 5vh;
	padding: 10px;
	text-transform: uppercase;
	font-style: italic;
	font-weight: bold;
	color: gray;
}
p.downfoot {
	display: flex;
	flex-direction: row;
	justify-content: end;
	align-items: center;
	background-color: coral;
	width: 30%;
	height: 5vh;
	padding: 10px;
	font-style: italic;
	color: darkgray;
}
