.ratio-graph-area {
    display: flex;
    justify-content: space-between;
    margin: 0 4px;
}

.ratio-graph {
    display: flex;
    width: 75%;
    align-items: center;
}

.ratio-left-value,
.ratio-right-value {
    text-align: center;
    color: #40404a;
    font-size: 1.6rem;
}

.ratio-graph-left {
    color: #f9ffff;
    text-align: center;
    align-content: center;
    height: 120%;
    background: linear-gradient(to bottom, #c5d80a, #028040);
    white-space: nowrap
}

.ratio-graph-center {
    width: 1.2px;
    background: #333;
    height: 140%;
}

.ratio-graph-right {
    color: #f9ffff;
    text-align: center;
    align-content: center;
    height: 120%;
    background: linear-gradient(to bottom, #f1a486, #ca000c);
    white-space: nowrap
}