.list{
    gap: 0.75em;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.list .card{
    display: inline-block;
    margin: 0.3em 0;
}

.list .card:hover{
    transform: translate(0);
}

.list .card a{
    color: var(--primary) !important;
}

.list .card h2{
    white-space: nowrap;
    transform: translateX(-50%);
    margin-left: 50%;
    width: fit-content;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% + 4em);
}

section{
    max-width: 1290px !important;
}