body{
    margin:0;
    padding:10px;
    background:#111827;
    color:white;
    font-family:Helvetica,Arial,sans-serif;
}

#cabecera{
    text-align:center;
    margin-bottom:10px;
}

h1{
    margin:0;
    color:#6ab7ff;
    font-size:34px;
}

#updateTime{
    font-size:18px;
    color:#d1d5db;
}

#panel{
    width:100%;
}

.exterior,
.fila{
    overflow:hidden;
}

.card{

    background:#1b2433;

    border-radius:14px;

    padding:10px;

    box-sizing:border-box;

    margin-bottom:8px;
}

.exterior{
    width:100%;
}

.medio{
    float:left;
    width:49%;
}

.fila .medio:first-child{
    margin-right:2%;
}

.icon{

    float:left;

    width:90px;

    text-align:center;

    font-size:64px;

    line-height:1;
}

.info{
    margin-left:95px;
}

.card h2{
    margin:0;
    color:#ffd27f;
    font-size:28px;
}

.value{

    font-size:58px;

    font-weight:bold;

    line-height:1.1;
}

.small{

    font-size:20px;

    color:#f1f5f9;
}

.co2-green{
    color:#7CFC00;
}

.co2-yellow{
    color:#FFD700;
}

.co2-red{
    color:#ff6666;
}

.chart,
.chart-bar{
    display:none;
}