style.css

* {
    margin: 0px;
    padding: 0px;
    font-family: Lato;
}

.header-container {
    background-color: #E554731A;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.header-container img {
    width: 500px;
    height: 700px;
}

.header-title {
    color: #272727;
    font-size: 80px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.header-description {
    color: #272727;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.primary-btn {
    background-color: #E55473;
    padding: 15px 25px;
    border: none;
    border-radius: 8px;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.primary-btn:hover{
    background-color: #da0f3e;
    color: rgb(231, 242, 252);
    cursor: pointer;
}

/* Featured flower section style starting here */

.featured-flower-item {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-around;
    margin: 0px 70px 0px 70px;
}

.featured-header {
    color: #272727;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin-top: 100px;
}

.featured-description {
    color: #272727;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 48px;
}

.featured-item img {
    max-width: 250px;
    max-height: 250px;
}

.featured-item {
    width: 300px;
    height: 320px;
    background-color: #A7216226;
    border-radius: 300px 300px 0px 0px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.item-desc {
    display: flex;
    justify-content: space-around;
}

.item-description {
    color: #272727;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    text-decoration-line: underline;
}

/* icon corner style start here */
.icon-corner {
    background-color: #2727270D;
    display: flex;
    justify-content: space-around;
    text-align: center;
    margin: 50px 100px;
    padding: 80px;
    font-size: 18px;
}

/* hot deal section style here */
.hot-deal {
    background-color: #E554730D;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 30px 0;
}

.highlighted-text {
    color: #E55473;
}

.hot-deal-content {
    text-align: center;
}

.hot-deal-header {
    color: #272727;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
}

.hot-deal-paragraph {
    color: #27272799;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
}

.hot-deal-img{
    width: 300px;
    height: 300px;
}

/* Instagram flower highlighted section style here */

.instagram-flower-highlighted{
    display: flex;
    gap: 10px;
    justify-content: space-around;
    margin: 10px 50px;
}

.instagram-flower-highlighted img{
    width: 180px;
    height: 200px;
}
/* review section style */
.review-container{
    background-color: rgb(228, 231, 233);
    padding: 30px;
}
.review-container h2{
    color: #272727;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.review-container p{
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 25px;
}

.review-item p{
    color: white;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 25px;
}
.user-review{
    display: flex;
    justify-content: space-around;
}

.review-item{
    width: 250px;
    text-align: center;
    background: #7d717e;
    color: white;
    box-shadow: 5px 5px 10px gray;
}

.user-review img{
    width: 100px;
    border-radius: 10px;
}

/* subscribe section style */
.subscribe-email{
    padding: 18px 120px;
    border: none;
    border-radius: 5px;
}

.latest-deal{
    background: url("./images/Rectangle-9.png");
    background-repeat: no-repeat;
    height: 250px;
    text-align: center;
    padding-top: 100px;
    margin: 30px 100px 30px 100px;
}

.latest-deal-content{
   margin-top: 50px;
}

.latest-deal-content h2, p, input{
    margin: 10px;
}

/* footer design here */
footer{
    background-color: #111010;
    text-align: center;
    color: white;
    padding: 50px;
}

.copyright{
    margin-top: 10px;
}