body{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

/* ---------------- navigation bar style ---------------- */
.main-nav{
    background-color: #F7F7F8;
}
a{
    font-size: 20px;
    color: #3d414a;
    text-decoration: none;
}
#selected{color: #5762D5;}

/* ---------------- intro section ---------------- */
#intro{
    background-color: #3C404A;
    color: white;
}

.product-card{
    background-color: #e9e6f0;
    border-radius: 20px;
    width: 250px;
}
.product-img{
    border-radius: 20px 20px 0 0;
}

footer{
    background-color: #2B2343;
    height: 300px;
    width: 100%;
    color: white;
    text-align: center;
}