* { font-family: Montserrat-Light, "Open Sans", Helvetica, Arial, sans-serif; font-size: 0.3m; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200;
     src: url('/f/montserrat-v12-latin-regular.eot');
     src: local('Montserrat Regular'), local('Montserrat-Regular'),
          url('/f/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'),
          url('/f/montserrat-v12-latin-regular.woff2') format('woff2'),
          url('/f/montserrat-v12-latin-regular.woff') format('woff'),
          url('/f/montserrat-v12-latin-regular.ttf') format('truetype'),
          url('/f/montserrat-v12-latin-regular.svg#Montserrat') format('svg');
}

@font-face {
    font-family: 'NotoColorEmoji'; font-style: normal; font-weight: 200;
    src: url('https://gitcdn.xyz/repo/googlefonts/noto-emoji/master/fonts/NotoColorEmoji.ttf') format('truetype');
    src: url('f/NotoColorEmoji.woff') format('woff');
}

.flag {font-family: NotoColorEmoji;}
.map {border: 1px solid #000;}
.maplegend .lt { text-align: left; margin-bottom: 0; font-weight: bold; font-size: 90%;padding: 0; }
.maplegend .ls ul { margin: 0; margin-bottom: 5px; padding: 0; float: left; list-style: none; }
.maplegend .ls ul li { font-size: 80%; list-style: none; margin-left: 0; line-height: 18px; margin-bottom: 2px; }
.maplegend ul.ll li span { display: block; float: left; height: 16px; width: 30px; margin-right: 5px; margin-left: 0; border: 1px solid #999; opacity:0.7;}
.maplegend .legend-source { font-size: 80%; color: #777; clear: both; }
.maplegend a { color: #777;}
.cl_b {color:#f00;cursor:pointer;position:absolute;right:2%;top:3%;opacity:100%;transform:translate(0%,-50%);}
.world { border-radius: 10px; color: #fff; width: 120px; text-align: center;opacity: 100%; border: 1px solid #000; font-size:10pt; font-weight: bold;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }

.container-box {
   pointer-events: none;
   z-index: 800;
   position: fixed;
   width:100%;
   height: 100%;
   top: 5%;
   left: 5%;
   text-align:center;
}
.overlay-box {
   padding: 10px;
   border-radius: 25px;
   background-color:#fff;
   border: 3px solid #000;
   width:30%;
   margin: auto;
}