/* homepage.css */ /* Color */ body { background-color: #97a5bd; } .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; }