@import url('https://fonts.googleapis.com/css2?family=Helvetica+Neue');
#map {
      height: 350px;
      width: 100%;
      border-radius:12px;
    }

body {
		  font-family: "Helvetica Neue", sans-serif;
		  background-color: #181a1b;
		  color: #fff;
		  text-align: center;
  border-radius:12px;
		}
    
		h1 {
      font-weight: 900;
      text-shadow: 0px 0px 2.5px #000;   
		}

h2 {
        font-weight: 900;
  font-size:28px;
      text-shadow: 0px 0px 2.5px #000;   
		}

		p {
		  font-size: 20px;
      text-shadow: 0px 0px 2.5px #000;   
		}

		i {
		  font-size: 30px;
		}


    .mapboxgl-ctrl-logo {
      display: none !important;
    }

        .mapboxgl-marker {
      filter: invert(100%);
    }

    .mapboxgl-ctrl-attrib-inner {
      display: none !important;
    }
.mapboxgl-ctrl-attrib { 
  display: none !important; }
    img.emoji {
		  height: 1em;
		  width: 1em;
		  margin: 0 .05em 0 .1em;
		  vertical-align: -0.1em;
		}

.button {
    	background-color: #2cc679;
		  border: none;
		  color: white;
		  padding: 20px;
		  text-align: center;
		  text-decoration: none;
		  display: inline-block;
		  font-size: 16px;
		  margin: 4px 2px;
		  cursor: pointer;
		  box-shadow: 0px 0px 20px #23ca76;
		  font-weight: 600;
		  transition: background-color 1s, border-radius 2.5s;
		  border-radius: 12px;
		}

		.button:hover {
		  background-color: #1a9658;
		}

		.button:active {
		  background-color: #2cfd95;
		}

    .mapboxgl-popup{
      display:none;
    }

    br {
  display: block;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  border: none;
  content: "";
}

::selection {
  background-color: #2cc679;
  color: white;
}

a:link {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #fff;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
		  text-shadow: 0px 0px 20px #2cc679;

  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: #fff;
  background-color: transparent;
  text-decoration: underline;
}