body{font-family:Arial,sans-serif;margin:0;padding:0}.app,body{background:linear-gradient(180deg,#e3f2fd,#fff)}.app{border-radius:12px;box-shadow:0 8px 20px #0000001a;margin:20px auto;max-width:700px;padding:20px}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#007bff,#00c6ff);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:30px;text-align:center}.tabs{display:flex;justify-content:center;margin-bottom:20px}.tabs button{background-color:#f9f9f9;border:2px solid #0000;border-radius:25px;color:#333;cursor:pointer;font-size:1rem;margin:0 10px;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s ease}.tabs button.active{background-color:#007bff;border-color:#0056b3;box-shadow:0 4px 10px #007bff66;color:#fff}.tabs button:hover{background-color:#00c6ff;border-color:#007bff;color:#fff;transform:scale(1.05)}.tabs button:after{background:radial-gradient(circle,#fff9 10%,#0000 0);background-size:150% 150%;content:"";height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform .5s ease;width:100%}.tabs button:active:after{transform:scale(1)}.content{background:linear-gradient(135deg,#fdfbfb,#ebedee);border-radius:10px;box-shadow:0 6px 15px #0000001a;margin-top:20px;padding:20px;transition:all .3s ease}.content:hover{box-shadow:0 8px 20px #0003}h2{color:#007bff}.fetch-btn{background-color:#00bcd4;border:none;border-radius:25px;color:#fff;cursor:pointer;padding:10px 20px;transition:.3s ease}.fetch-btn:hover{background-color:#008c99}.custom-dropdown{background:#00bcd4;border:none;border-radius:25px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;font-size:1rem;margin:10px;max-width:300px;padding:12px;position:relative;transition:.3s ease;width:60%;z-index:10}.custom-dropdown:hover{box-shadow:0 6px 12px #0003;transform:translate(-2px)}.custom-dropdown.open{z-index:100}.aqi-display.good{background-color:#a8e6cf}.aqi-display.moderate{background-color:#ffd3b6}.aqi-display.sensitive{background-color:#ffaaa5}.aqi-display.unhealthy{background-color:#ff8b94}.aqi-display.very-unhealthy{background-color:#d4a5a5}.aqi-display.hazardous{background-color:#9d8189}
/*# sourceMappingURL=main.3cc66bfb.css.map*/