.material{
    background: #F0F0F3;
    min-height: 100vh;
}

.material-tags a{
 margin-right: 10px;
 margin-bottom: 10px;
}
.card-tags .nav-link:not(:first-child){
    margin-right: 10px;
    margin-bottom: 10px;
}
.material-tags a.active:hover{
     color:#fff;
}
.material-tags .active{
background: #000;
color: #fff;
}

.card-title{
    margin-bottom: 15px!important;
}
.card-tags .nav-link{
    color: #808080;
    font-size: 11px;
    font-weight: 400;
    padding: 5px 20px;
    border: 1px solid #808080;
    border-radius: 20px;
    display:none;
}

.card-tags a.nav-link:nth-child(-n+4) {
    display: block;
}

.card{
    height:100%!important;
}

.card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}