body {
    background-color: rgb(206, 234, 245);
}


nav a {
    color: white !important;
}

footer div {
    /* color: rgb(1, 50, 32); */
    color: white;
}

.card-img-top {
    height: 150px;
    width: 150px;
    object-fit: cover;
}

.card {
    border: 2px;
    border-style: solid;
    border-color: rgb(67, 140, 209);
    background-color: rgb(206, 234, 245);
    align-items: center;
}


/* add padding in the bottom so that it won't overlap with the content*/
body {
    padding-bottom: 120px;
}