.div-1 {
    border-radius: 0.5rem;
    border-end-end-radius: 4rem;
    background-image: linear-gradient(to left, rgb(5,0,0), rgb(5,10,10), rgb(5,20,20), rgb(5,30,30), rgb(5,40,40), rgb(5,50,50), rgb(5,60,60), rgb(5,70,70), rgb(5,80,80), rgb(5,90,90), rgb(5,100,100), rgb(5,110,110), rgb(5,120,120));
}

.p1 {
    font-size: 0.8rem;
}

@media(min-width: 992px) {
    .p1 {
        font-size: 0.9rem;
    }
}

.card:hover {
    border-color: rgb(5,130,130) !important;
}

.card-title {
    font-size: 0.75rem;
}

@media(min-width: 992px) {
    .card-title {
        font-size: 0.85rem;
    }
}

.card-text {
    font-size: 0.7rem;
}

@media(min-width: 992px) {
    .card-text {
        font-size: 0.8rem;
    }
}

.accordion-button, .accordion-button:not(.collapsed) {
}

#accordion-button {
    box-shadow: none;
}

.card-title-q {
    font-size: 0.7rem;
}

@media(min-width: 992px) {
    .card-title-q {
        font-size: 0.85rem;
    }
}

.card-text-q {
    font-size: 0.7rem;
}

@media(min-width: 992px) {
    .card-text-q {
        font-size: 0.85rem;
    }
}