.card {
    height: 450px;
    transition: background-color 0.3s ease;
}

.card-colors {
    background-color: #eee8e7;
}

.card-colors:nth-child(7n+2) {
    background-color: #fde6ea;
}

.card-colors:nth-child(7n+3) {
    background-color: #eaeef4;
}

.card-colors:nth-child(7n+4) {
    background-color: #fff9e7;
}

.card-colors:nth-child(7n+5) {
    background-color: #fff5e8;
}

.card-colors:nth-child(7n+6) {
    background-color: #e6fdfd;
}

.card-colors:nth-child(7n) {
    background-color: #f0fef8;
}

#editModal {
    transition: opacity 0.3s ease;
}

#editModal.hidden {
    opacity: 0;
    pointer-events: none;
}

#editModal.flex {
    opacity: 1;
    pointer-events: auto;
}