*{
    scroll-behavior: smooth;
}
.card p{
    margin-top: -10px;
    margin-bottom: 1px;
}
.row .card:hover{
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
    transform: scale(1.02);
}

.nav-link:hover{
    box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}
section {
    padding-top: 5rem;
}

@media (min-width: 576px) { 
    .card {
        column-count: 3;
    }
 }
@media (min-width: 768px){
    .card {
        column-count:2; 
    }
}