body{
	margin: 0;
	padding: 0;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	min-height: 100vh;
	/* min-width: 1000px; */
	font-family: 'Jost', sans-serif;
	/* background: linear-gradient(to bottom, #92c0eb, #c9bb3f); */
	background: #C2CAD0;
	overflow-x: hidden; /* make the page do not show off scroll bars when shrink */
}

/* * {
	make width contains (boarder, padding)
	box-sizing: border-box;
} */


.searchContentContainer {
	margin-top: 120px;
	/* width: 80%; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	text-align: left;
}

#searchWrapper {
	width: 900px;
}
/* #searchWrapper::after {
	content: '🔍';
	position: absolute;
	top: 70px;
	right: 15px;
} */

#searchBar {
	width: 100%;
	height: 36px;
	border-radius: 6px;
	border: 1px solid #98cfef;
	margin: auto;
	padding: 5px 10px;
	font-size: 12px;
}

#productList {
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	/* display: grid; */
	/* grid-template-columns: 600px; */
	width: 800px;
	/* row-gap: 5px; */
	/* column-gap: 5px; */
	
}

@media (max-width: 1140px) {
	#searchWrapper {
		width: max(80%, 600px);
	}
	#productList {
		/* width: 60%; */
		width: max(70%, 510px);
	}
}

#productList > li {
	list-style-type: none;
	display: flex;
	/* justify-content: center; */
	justify-content: space-around;
	align-items: center;
	height: 80px;
	width: 100%;
	margin: 12px 5px;
	padding-left: 10px;
	border-radius: 10px;


	background-color: #4d4754;
	color: darkgray;

	/* grid-template-columns: 3fr 1fr; */

}

.productInfo {
	margin: 0 0;
}
.productInfo > h3{
	margin: 2px 0 0 0;
}
.productInfo > p {
	margin: 0 0;
	font-size: 10px;
}
/* #productList > li > h2 {
	justify-content: center;
	align-items: center;
} */
/* #productList > li > p {
	margin: 0 0;
} */
#productList > li > img {
	max-height: 90%;
}