.duee-content {
    padding: 20px;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}

.duee-content[data-animation="fade"] {
    animation: fadeIn 1s ease-in-out;
}

.duee-content[data-animation="slide"] {
    animation: slideIn 1s ease-in-out;
}

.duee-content[data-animation="bounce"] {
    animation: bounceIn 1s ease-in-out;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes slideIn {
    0% { transform: translateY(50px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes bounceIn {
    0% { transform: scale(0.8); opacity: 0; }
    50% { transform: scale(1.2); opacity: 0.5; }
    100% { transform: scale(1); opacity: 1; }
}