body{
    font-family: "Source Sans 3", sans-serif;
    background-color: #F6F6FA;
}
/* Navbar styles */
.navbar-left{
    display: flex;
}
.nav-btn{
    background-color: #1630FE;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 16px 24px;
    border: none;
}
/* Banner styles */
.banner-margin{
    margin: 140px auto;
}
.banner-title{
    color: #1630FE;
    font-size: 80px;
    margin-bottom: 20px;
}
.banner-text{
    font-size: 22px;
}
/* Personalize styles */
.personalize-bg{
    background-color: #1630FE;
    border-radius: 32px;
}
.personalize-title{
    font-size: 40px;
}
.personalize-text{
    font-size: 20px;
}
.personalize-img{
    border-radius: 0 32px 32px 0;
}
.personalize-btn{
    background-color: #121652;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 16px 24px;
    border: none;
}
/* Information styles */
.info-bg{
    background-color: #121652;
    border-radius: 32px;
}
.info-title{
    font-size: 40px;
}
.info-text{
    font-size: 20px;
}
.info-img{
    border-radius: 0 32px 32px 0;
}
.info-btn{
    background-color: #1630FE;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 16px 24px;
    border: none;
}
/* Invite styles */
.invite-bg{
    background-color: #FFFFFF;
    border-radius: 32px;
}
.invite-icon{
    color: #1630FE;
}
.invite-title{
    font-size: 40px;
    color: #1630FE;
}
.invite-text{
    font-size: 20px;
}
.invite-img{
    border-radius: 0 32px 32px 0;
}
.invite-btn{
    background-color: #121652;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 16px 24px;
    border: none;
}
/* Footer styles */
.footer-bg{
    background-color: #FFFFFF;
}
.footer-title{
    color: #1630FE;
    font-size: 32px;
}
.footer-text{
    font-size: 20px;
}
.footer-btn{
    background-color: #1630FE;
    border-radius: 50px;
    color: #FFFFFF;
    padding: 16px 24px;
    border: none;
}
.footer-margin{
    margin-top: 150px;
}
@media only screen and (max-width: 991px) {
    .banner-title{
        font-size: 70px;
        margin-bottom: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .navbar-left{
        display: none;
    }
    .banner-title{
        font-size: 40px;
        margin-bottom: 30px;
    }
    .personalize-img{
        border-radius: 0 0 32px 0;
    }
}