mirror of
https://github.com/cse110-fa22-group29/cse110-fa22-group29.git
synced 2024-09-20 08:47:56 +00:00
70 lines
1.2 KiB
CSS
70 lines
1.2 KiB
CSS
/* homepage.css */
|
|
/* Color*/
|
|
body{
|
|
background-color: #97a5bd;
|
|
}
|
|
.Top-Bar{
|
|
}
|
|
.Top-Bar > img{
|
|
position: absolute;
|
|
}
|
|
.Top-Bar > h1{
|
|
position: relative;
|
|
text-align: center;
|
|
font-size: 5rem;
|
|
color: #E4C3D2;
|
|
font-family: 'Lucida Sans';
|
|
padding: 25px 0px 0px 0px;
|
|
font-weight: 900;
|
|
margin: 0px
|
|
}
|
|
.Top-Bar > form{
|
|
position: relative;
|
|
float: right;
|
|
margin-right: 12%;
|
|
}
|
|
.Review-boxes {
|
|
position: relative;
|
|
}
|
|
|
|
.Review-boxes > h2 {
|
|
font-family: 'Lucida Sans';
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 2.7rem;
|
|
color: #E4C3D2;
|
|
margin-top: 2.5em;
|
|
}
|
|
.Review-boxes > input {
|
|
position: relative;
|
|
left: 20.34cm;
|
|
top: -3.5cm;
|
|
}
|
|
|
|
img#create-btn {
|
|
position: absolute;
|
|
left: 12%;
|
|
}
|
|
|
|
.Filter-box{
|
|
width: 200px;
|
|
height: 400px;
|
|
background: #e4d9e9;
|
|
position: absolute;
|
|
border: 5px solid #99a2c2;
|
|
right: 12%;
|
|
}
|
|
.review-container{
|
|
display: flex;
|
|
position: relative;
|
|
margin-left: 25%;
|
|
}
|
|
.review-container > div {
|
|
background-color: #f1f1f1;
|
|
width: 200px;
|
|
height: 200px;
|
|
margin: 10px;
|
|
text-align: center;
|
|
line-height: 75px;
|
|
font-size: 30px;
|
|
} |