.card-list {
    display: flex;
    flex-wrap: wrap;
    /* gap: 2rem; */
    justify-content: space-around;
    margin: 0 1rem;
}

.card {
    padding: 0.5rem;
    box-shadow: var(--box-shadow);
    background-color: var(--card-background-color);
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    margin-inline: 0.25rem;
}

@media screen and (max-width: 800px) {
    /* .card-list {
        flex-direction: column;
    } */
}