styles.css

/* Custom font for the heading */
.font-lobster {
    font-family: 'Lobster', cursive;
}

/* Custom styles for list items */
.bucket-item {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.bucket-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Style for completed items */
.completed {
    background-color: #d1fae5; /* A light green */
    text-decoration: line-through;
    color: #6b7280; /* A muted gray */
}

.completed .emoji {
    filter: grayscale(80%);
}

/* Style for pending items */
.pending {
    background-color: #fef3c7; /* A light yellow */
}