.long-card{
    flex: 1 0 auto;
}

.card{
    border-radius: 10px;
    border: 0px solid black;
}
.card-header{
    border-radius: 10px 10px 0 0;
    background-color: gray;
}
.card-body{
    border: 0px solid black;
}

.accordion{
    display:flex;
    justify-content: space-between;
    cursor: pointer;
}

.accordion-body{
    height: 0px;
    overflow:hidden;
    transition: .3s ease-out;
}
.accordion-angle{
    transition: .3s ease-out
}

.card-value{
    font-size: 36px;
    font-weight: 600;
}
.card-value.negative{
    color: red;
}

.card-value.positive{
    color: green;
}

.active .accordion-angle{
    transform: rotate(180deg);
}

.card-container{
    display:flex;
    gap: 1rem;
    justify-content:center;
    margin-bottom: 1rem;
}