/*-------------------Head And Question-------------------*/

@keyframes fadeInOut {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}


.animated-question {
    opacity: 0;
    animation: fadeInOut 2s infinite ease-in-out;
    animation-delay: calc(0.5s + (3s * var(--random-delay))); 
}



/*--------------------Cart animation---------------------*/

@keyframes rotateContainer {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.animate-rotateContainer {
    animation: rotateContainer 8s linear infinite;
}


.cartItem1 {
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.cartItem2 {
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
}

.cartItem3 {
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.cartItem4 {
    top: 50%;
    left: -5px;
    transform: translateY(-50%);
} 



/*--------------CardButtonGallery----------------*/

.card-button-block {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-body {
    flex-grow: 1;
    overflow: auto;
}

.markdown-content {
    margin-top: 15px;
}