body{
}
.content {
    background: #7b9fdf !important;
    text-align: center;
    border : 5px solid #5a88d8;
    max-width: 340px;
}
@media only screen and (min-width: 271px) {
    body {
        height: 280px;
    }
    .content{
        height: 280px;
    }
}
@media only screen and (max-width: 270px) {
    body {
        height: 304px;
    }
    .content{
        height: 304px;
    }
}
.firstRow {
    margin-top: 10px;
    color: #e6edf8;
    font-size: 14px;
    white-space: nowrap;
}
.separator {
    height: 3px;
    background: #5a88d8;
    margin-top: 10px;
    margin-bottom: 20px;
}
.secondRow {
    color: #e6edf8;
    font-size: 22px;
}
.positiveVar {
    color: #00b4aa;
}
.positiveVar::before {
    content: "+";
    color: #00b4aa;
}
.negativeVar {
    color: #d70064;
}
.valueClose{
    font-weight: bold;
    font-size: 60px;
    color: #fff;
    white-space: nowrap;
}
.smaller {
    font-size: 24px;
}
.varDiv {
    font-size: 20px;
    color : #002364;
    height: 50px;
    background: #fff;
    white-space: nowrap;
}
.valueVar {
    margin-top: 10px;
}