.streak-widget {
    background: linear-gradient(135deg, #ffeaa7, #fab1a0);
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.streak-info {
    font-size: 1.1rem;
    color: #2d3436;
}

.mascot {
    width: 60px;
    margin-top: 10px;
}


.text-magenta {
    color: #e91e63;
}

.card-body img {
    transition: transform 0.3s ease;
}

.card-body:hover img {
    transform: scale(1.1);
}