cse110-fa22-group29/source/static/homepage.css
2022-11-20 23:50:54 -08:00

76 lines
1.1 KiB
CSS

/* homepage.css */
@font-face {
font-family: "testFont";
src: url(CoveredByYourGrace-Regular.ttf);
}
/* 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;
font-family: 'testFont';
}
.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;
font-family: 'testFont'
}
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;
}