Studio E Atlas Test

https://api.mapbox.com/mapbox-gl-js/v3.8.0/mapbox-gl.js

https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-language/v1.0.0/mapbox-gl-language.js

body { margin: 0; padding: 0; }
#map { position: absolute; top: .5; bottom: .5; width: 75%; }
.marker {
display: block;
border: none;
border-radius: 50%;
cursor: pointer;
padding: 0;
}

#menu {
background: #fff;
display: inline-block;
position: relative;
z-index: 5;
border-radius: 3px;
width: 120px;
border: 1px solid rgba(0, 0, 0, 0.4);
font-family: ‘Open Sans’, sans-serif;
}

#menu a {
font-size: 13px;
color: #404040;
display: block;
margin: 0;
padding: 0;
padding: 10px;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.25);
text-align: center;
}

#menu a:last-child {
border: none;
}

#menu a:hover {
background-color: #333333;
color: #404040;
}

#menu a.active {
background-color: #E90802;
color: #ffffff;
}

#menu a.active:hover {
background: #333333;
}
.mapboxgl-popup {
max-width: 400px;
font:
12px/20px ‘Helvetica Neue’,
Arial,
Helvetica,
sans-serif;
}

.map-overlay {
font:
12px/20px ‘Helvetica Neue’,
Arial,
Helvetica,
sans-serif;
position: absolute;
width: 350px;
top: 0;
left: 0;
padding: 10px;
}
.map-overlay .map-overlay-inner {
background-color: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 3px;
padding: 10px;
margin-bottom: 10px;
}
#buttons {
width: 90%;
margin: 0 auto;
}
.button {
display: inline-block;
position: relative;
cursor: pointer;
width: 30%;
padding: 6px;
border-radius: 3px;
margin-top: 10px;
font-size: 12px;
text-align: center;
color: #fff;
background: #757575;
font-family: sans-serif;
font-weight: bold;
}

.button:hover {
background-color: #333333;
color: #404040;
}

.button.active {
background-color: #E97806;
color: #ffffff;
}

.button.active:hover {
background: #333333;
}
.atlas-results{
display: inline-block;
position: relative;
width: 75%;
padding: 6px;
border-radius: 3px;
margin-top: 10px;
font-size: 12px;
text-align: center;
color: #fff;
background: #fff;
font-family: sans-serif;
font-weight: bold;
}