/* homepage.css */

/* Color*/
body{
    /*background-color: #97a5bd*/
    background-color: #E3E3EC;
}

.top-bar {
	display: flex;
	justify-content: center;
}

.top-bar > img {
	position: relative;
	align-self: center;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.top-bar > h1 {
	position: relative;
	text-align: center;
	color: #e4c3d2;
	font-size: 6rem;
}

.body-container {
	display: flex;
	max-height: 100%;
}

.center-display {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.search-bar {
	display: flex;
	justify-content: center;
}

#recent-reviews-text {
	text-align: center;
	font-size: 4rem;
	color: #e4c3d2;
}

img#create-btn {
	position: relative;
	align-self: center;
	padding-left: 2.5%;
	padding-right: 2.5%;
}

.review-container {
	display: flex;
	position: relative;
	flex-wrap: wrap;
	justify-content: center;
}

.review-container > div {
	background-color: #f1f1f1;
	text-align: center;
}