: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;

         } 
        .diff-ieri {
            text-align: center;
            font-size: 15px;
            font-weight: bold;
          }
        .weewx table {
           margin-bottom: 0px;
           line-height: inherit;
           font-size: 0.95em;
          }