body{margin:0;font-family:Arial,Helvetica,sans-serif;overflow:hidden}.header{padding:10px;background-color:#b22222;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}.wildfires{font-size:2rem;color:red}.volcanoes{font-size:2rem;color:#da0f19}.seaLakeIce{font-size:2rem;color:#19c9ff}.severeStorms{font-size:2rem;color:#6b6b6b}.location-info{position:absolute;top:80px;right:50px;width:400px;min-height:200px;padding:20px;background-color:rgba(0,0,0,.6);border-radius:10px;font-size:18px;color:#fff}.location-icon ul{list-style-type:none;padding:0}.location-info li{padding:5px 0}@media screen and (max-width:480px){.location-info{width:200px;min-height:100px;padding:10px}}#loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;overflow:hidden}.no-js #loader-wrapper{display:none}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#16a085;animation:spin 1.7s linear infinite;z-index:11}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;animation:spin-reverse .6s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}#loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#222;z-index:10}#loader-wrapper .loader-section.section-left{left:0}#loader-wrapper .loader-section.section-right{right:0}.loaded #loader-wrapper .loader-section.section-left{transform:translateX(-100%);transition:all .7s cubic-bezier(.645,.045,.355,1) .3s}.loaded #loader-wrapper .loader-section.section-right{transform:translateX(100%);transition:all .7s cubic-bezier(.645,.045,.355,1) .3s}.loaded #loader{opacity:0;transition:all .3s ease-out}.loaded #loader-wrapper{visibility:hidden;transform:translateY(-100%);transition:all .3s ease-out 1s}
/*# sourceMappingURL=main.04b8bf7b.chunk.css.map */