.metric-panel {
    margin-right: 1em;
    background-color: white;
    border-radius: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.metric-row {
    margin-top: 1em;
    margin-right: 0.4em;
    background-color: white;
    border-radius: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    color: #6381A8;
}

.metric-panel-name {
    font-size: 20px;
    margin-bottom: 1em;
    color: #6381A8;
    font-family: 'Comfortaa'
}

.metric-panel-value {
    font-size: 28px;
    color: #6381A8;
    font-family: 'Comfortaa'
}

.metric-panel-old-value {
    font-size: 16px;
    color: #9bb6da;
    font-family: 'Comfortaa';
    margin-top: 1em;
}

.metric-panel-old-value-green {
    font-size: 14px;
    color: #37bb78;
    font-family: 'Comfortaa';
}

.metric-panel-old-value-red {
    font-size: 14px;
    color: #f57070;
    font-family: 'Comfortaa'
}

.comfortaa-text {
    font-family: 'Comfortaa'
}

.metric-panel-context {
    font-size: 14px;
    color: #6381A8;
}