.averageCard {
    width: min-content;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    min-width: 300px;
}

.averageCardBody {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

.averageMainValue {
    font-size: 40px;
}

.averageSecondaryValue {
    font-size: 20px;
}

.averagePositive {
    color: green;
}

.averageNegative {
    color: red;
}