#map {
	height: 70%;
	width: 60%;
	border-radius: 2%;
	box-shadow: 0 5px 15px rgb(137, 196, 140);
	margin: 0 auto;
	font-family: 'Source Sans Pro', sans-serif;
}
  
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: rgb(32, 44, 33);
	font-family: 'Source Sans Pro', sans-serif;
}
  
.custom-map-control-button {
	background-color: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.507);
	margin: 10px;
	padding: 0 0.5em;
	font: 400 2em 'Source Sans Pro', sans-serif;
	overflow: hidden;
	height: 40px;
	cursor: pointer;
}
.custom-map-control-button:hover {
	background: #ebebeb;
}

.title {
	font-size: 5em;
	text-align: center;
	margin: 0 auto;
	padding: 0.6em;
	background: rgb(231,255,175);
	background: linear-gradient(90deg, rgba(231,255,175,1) 15%, rgba(225,255,113,1) 40%, rgba(224,236,73,1) 69%, rgba(227,228,0,1) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; 
	-moz-background-clip: text;
	-moz-text-fill-color: transparent;
}

footer {
	font-size: 1.7em;
	text-align: center;
	padding: 2em;
	
  }

a {
	color: rgba(190,223,102,1);
}