.page-container{
    width: 100%;
    background-image: url("../../images/home-bg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center top;
    padding-top: 153px;
}
.hello{
    font-size: 55px;
    font-weight: 800;
    line-height: 55px;
    text-align: center;
    color: var(--petals-blue);
}
.welcome{
    font-size: 55px;
    font-weight: 800;
    line-height: 55px;
    text-align: center;
    color: var(--petals-blue);
}
.welcome img{
    height: 52px;
    width: auto;
}
.welcome-text{
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-align: center;
}
.box-container{
    padding: 70px 0 300px 0;
    background-image: url("../../images/home-box-bg.png");
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 43% top;
    margin-bottom: 80px;
}
.box{
    font-size: 24px;
    font-weight: 700;
    line-height: 33px;
    text-align: center;
    background-color: var(--petals-purple);
    color: var(--petals-white);
    gap: 10px;
    border-radius: 10px;
    padding: 100px 80px;
    text-decoration: none;
    transition: all 800ms;
    margin-right: 10px;
    opacity: 0.9;
}
.box.blue{
    background-color: var(--petals-blue);
}
.box:last-of-type{
    margin-right: 0;
}
.box:hover{
    opacity: 1;
    color: var(--petals-white);
}