.mapdiv{ height: 99vh; background: #121516; width: 90vw; } .overall-container{ margin-bottom: 10px; } .coord-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 5px; grid-auto-rows: minmax(32px, auto); } .leaflet-tooltip.labelp { font-family: 'Nunito', sans-serif; white-space: nowrap; border: 0; margin: 0; padding: 0; border-radius: 0; border: rgba(0,0,0,0); background-color: rgba(0,0,0,0); display: block; box-sizing: border-box; box-shadow: none; text-align: center; text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, 0 0 1px #000; } .labelp { position: relative; word-break: break-word; overflow-wrap: break-word; } .leaflet-tooltip-left { border-left-color: transparent; } .leaflet-tooltip-right{ border-right-color: transparent; } .Emeralds{ border:2px solid #4ae024; } .Ore{ border:2px solid #7d7b74; } .Wood{ border:2px solid #855E42; } .Crops{ border:2px solid #e3cea6; } .Fish{ border:2px solid #a6d8e3; } .resourceimg { border-radius: 2px; z-index: 20000000; } .marker { z-index: 200000000; } .nomargin{ margin-top: 2px; margin-bottom: 2px; } td{ vertical-align: top; }