cse110-fa22-group29/source/static/homepage.css

101 lines
1.5 KiB
CSS
Raw Normal View History

/* homepage.css */
2022-11-21 07:50:54 +00:00
@font-face {
font-family: "testFont";
src: url(CoveredByYourGrace-Regular.ttf);
}
/* Color*/
body{
2022-11-21 06:35:02 +00:00
/*background-color: #97a5bd*/
/*background-color: #E3E3EC;*/
background-color: #F8F3F1;
}
.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;*/
/*color: rgb(145, 124, 175);*/
color:#516754;
font-size: 6rem;
2022-11-21 07:50:54 +00:00
font-family: 'testFont';
}
.body-container {
display: flex;
max-height: 100%;
}
.center-display {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
2022-11-21 06:35:02 +00:00
2022-11-21 05:58:44 +00:00
.search-bar {
display: flex;
justify-content: center;
}
2022-11-21 05:58:44 +00:00
#recent-reviews-text {
text-align: center;
font-size: 4rem;
/* color: #e4c3d2; */
/*color: rgb(145, 124, 175);*/
color: #516754;
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;
}}
2022-11-20 23:46:13 +00:00
img#create-btn {
position: relative;
align-self: center;
padding-left: 2.5%;
padding-right: 2.5%;
2022-11-20 23:46:13 +00:00
}
.review-container {
display: flex;
position: relative;
flex-wrap: wrap;
justify-content: center;
}
.review-container > div {
background-color: #f1f1f1;
text-align: center;
}