@tailwind base;
@tailwind components;
@tailwind utilities;

.-name {
    width: 200px;
    /* Set a fixed width for the container */
    white-space: nowrap;
    /* Prevent text from wrapping */
    overflow: hidden;
    /* Hide overflowed text */
    text-overflow: ellipsis;
    /* Add ellipsis when text overflows */
    font-size: 16px;
    /* Adjust font size as needed */
    text-align: left;
    /* Ensure alignment */
}

.description-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}


@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.animate-bounce {
    animation: bounce 1s infinite;
}