.card .card-title i.material-icons {
    color: var(--indiv-color)
}

a>.col>.card {
    transition: 500ms !important;
}

a>.col:hover>.card {
    transform: scale(1.05);
}

a>.col>.card>.card-content {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    color: rgba(0, 0, 0, 0.87);
}

a>.col>.card>.card-content p {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}