html, body { font-size: 100%; }
body {
margin: 0;
font-family: sans-serif;
}
#mapcontainer {
width: 100%;
height: 100%;
margin: 0;
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -webkit-crisp-edges; /* Safari */
image-rendering: pixelated; /* Chromium */
-ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */
}
#map {
width: 100%;
height: 100%;
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -webkit-crisp-edges; /* Safari */
image-rendering: pixelated; /* Chromium */
-ms-interpolation-mode: nearest-neighbor; /* iexplore.exe (but not edge) */
}
#info {
background:#fff;
position:absolute;
top:calc(10px + 1%);
right:calc(10px + 1%);
padding:10px;
z-index:100;
border-radius:3px;
}