:root {
   --low-color:#00ACDF;
    --middle-color:#FF8800;
    --half-color:#FF8800;
    --high-color:#FF0000;
    --lowTime-color:#333;
    --highTime-color:#333;
}

       .low { 
           color: var(--low-color);
           font-weight: bold;
           font-size: 1.2em;
         }
      
        .high { 
           color: var(--high-color);
           font-weight: bold;
           font-size: 1.2em;
         }

         .lowTime { 
           color: var(--lowTime-color);
           font-weight: 300;
         }
      
        .highTime { 
           color: var(--highTime-color);
           font-weight: 300;
         }
        
        .aqi_outer {
           font-size: 18px;

         }
        .aqi_pollutants {
            font-size: 13px;
            color: #888;
            margin-top: 4px;
          }
        .aqi_pollutants span.pollutant-good { color: #27ae60; font-weight: bold; }
        .aqi_pollutants span.pollutant-moderate { color: #f39c12; font-weight: bold; }
        .aqi_pollutants span.pollutant-poor { color: #e67e22; font-weight: bold; }
        .aqi_pollutants span.pollutant-bad { color: #c0392b; font-weight: bold; }
        .diff-ieri {
            width: 100%;
            text-align: center;
            font-size: 15px;
            font-weight: bold;
          }
        .diff-ieri-label {
            margin-right: 4px;
          }
        .weewx table {
           margin-bottom: 0px;
           line-height: inherit;
           font-size: 0.95em;
          }

        .badge-aqi, .badge-heat {
            display: inline-block;
            padding: 2px 10px;
            border-radius: 12px;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            margin-left: 4px;
            vertical-align: middle;
          }
        .badge-aqi-ottima { background-color: #2ecc71; }
        .badge-aqi-buona { background-color: #f1c40f; color: #333; }
        .badge-aqi-discreta { background-color: #e67e22; }
        .badge-aqi-pessima { background-color: #c0392b; }

        .badge-heat-gelo { background-color: #5dade2; }
        .badge-heat-freddo { background-color: #3498db; }
        .badge-heat-fresco { background-color: #48c9b0; }
        .badge-heat-mite { background-color: #58d68d; }
        .badge-heat-caldo { background-color: #e67e22; }
        .badge-heat-moltocaldo { background-color: #e74c3c; }
        .badge-heat-estremo { background-color: #922b21; }

        .diff-ieri-up { color: #c0392b; font-weight: bold; }
        .diff-ieri-down { color: #2980b9; font-weight: bold; }

        .forecast-extra {
            font-size: 15px;
        }