@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");body{margin:0;padding:0}.expl{width:10px;height:20px;background-color:#d3d3d3}#explanations{padding-left:10px;border:1px solid #fff;width:33%}#popup-header{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#d3d3d3;border-bottom:1px solid #fff;padding-bottom:10px}.mapboxgl-popup-close-button{color:#fff;font-size:300%}#overlay{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#d3d3d3;position:absolute;height:15%;width:100%;background-color:#333}.mapboxgl-popup-content,.mapboxgl-popup-tip{background-color:rgba(0,0,0,.8)!important}.mapboxgl-popup-tip{visibility:hidden}.mapboxgl-popup-content{width:400px}.mapboxgl-popup{max-width:400px;width:400px;background-color:rgba(0,255,0,0)!important}#map{position:absolute;top:0;bottom:0;width:100%}.container{width:400px;height:400px}.counter{font-size:10vw;flex:auto;flex-direction:column;left:0;padding-bottom:20px;padding-left:1vw;padding-right:5px}.contact,.counter{font-family:Roboto,sans-serif;color:#fff;opacity:.6;font-weight:400;text-shadow:12px 12px 18px #000;width:100%;position:fixed;top:0;z-index:10}.contact{font-size:1em;flex:auto;text-align:right;padding-top:10px}