body{margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.header{padding:10px;background-color:rgba(0,0,0,.8);color:#fff;position:fixed;top:0;right:0;left:0;z-index:100}.header h1{font-size:25px;padding:0;margin:0;text-align:center}.map{width:100vw;height:100vh;position:relative}.fire-location-icon{font-size:2rem;color:red;cursor:pointer}.severe-weather-location-icon{font-size:2rem;color:#00f;cursor:pointer}.volcano-location-icon{font-size:2rem;color:#ff4500;cursor:pointer}.drought-location-icon{font-size:2rem;color:#ff0;cursor:pointer}.dust-location-icon{font-size:2rem;color:brown;cursor:pointer}.flood-location-icon{font-size:2rem;color:green;cursor:pointer}.landslides-location-icon{font-size:2rem;color:#0f0;cursor:pointer}.earthquake-location-icon{font-size:2rem;color:#000;cursor:pointer;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.manmade-location-icon{font-size:2rem;color:#fff;cursor:pointer}.seaAndLake-location-icon{font-size:2rem;color:#87ceeb;cursor:pointer}.snow-location-icon{font-size:2rem;color:#fff;cursor:pointer}.waterColor-location-icon{font-size:2rem;color:#0ff;cursor:pointer}.temperatureExtremes-location-icon{font-size:2rem;color:#ff0;cursor:pointer}.loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.loader img{width:400px}.loader h1{margin-top:-100px}.location-info{position:absolute;bottom:80px;right:50px;width:400px;min-height:200px;padding:20px;background-color:rgba(0,0,0,.6);color:#fff;border-radius:10px;font-size:18px;z-index:1000}.location-header{display:flex;flex-direction:row;justify-content:space-between}.location-info ul{list-style-type:none;padding:0}.location-info li{padding:5px 0}.legend{position:absolute;bottom:80px;left:50px;width:250px;min-height:150px;padding:20px;background-color:rgba(0,0,0,.6);color:#fff;border-radius:10px;font-size:18px;z-index:1000}.legend h2{text-align:center;text-decoration:underline;margin-top:-5px}.legend ul{list-style-type:none;padding:0}.date-filter{position:fixed;top:60px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000;background-color:rgba(0,0,0,.8);padding:10px 20px;border-radius:8px;display:flex;align-items:center;grid-gap:16px;gap:16px;color:#fff}.date-filter label{display:flex;align-items:center;grid-gap:8px;gap:8px;font-size:14px}.date-filter input{padding:4px 8px;border-radius:4px;border:none;font-size:14px}.date-filter button{padding:6px 16px;background-color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.date-filter button:hover{background-color:#ddd}
/*# sourceMappingURL=main.bea1e5a2.chunk.css.map */