.card-container {
    margin: auto auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.card {
    border: 3px solid var(--card-border-color);
    border-radius: var(--card-border-radius);
    background-color: var(--card-background-color);
    color: var(--card-text-color);
    min-width: var(--card-min-width);
    max-width: var(--card-max-width);
    margin: 5px 5px;
    min-height: var(--card-min-height);
    box-shadow: var(--card-box-shadow);
    align-content: center;
    text-decoration: none;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.694);

    transition: border-color ease-in-out .2s;
    transition: scale ease-in-out 0.2s;

    &:hover {
        border-color: var(--hover-border-color);
        scale: 1.01;
    }
}

.card p {
    width: 66%;
    margin: auto;
}