@import url('https://fonts.googleapis.com/css2?family=News+Cycle:wght@700&display=swap');

body {
	background-color: #EEE;
	color: #222;
}
.container {
	width: 100%;
  max-width: 960px;
  margin: 0 auto;
  /*background-color:#FFF;*/
  font-family: sans-serif;
}
.container.map {
	width:100%;
	max-width: none;
}
h1 {
	text-align: center;
}
h1, h2 {
	color: #ffa729;
	font-family: "News Cycle";
	text-transform: uppercase;
	font-weight: 700;
}

h2 a {
	color: #4AAFFF;
}
svg {
	width:100%; height:auto;
}
path {
	fill: #000;
	fill-opacity: 0.2; 
	stroke: #4AAFFF77;
}

path.available {
  fill: #4AAFFF;
}
path.available[data-exchanges="1"] {
	fill-opacity: 0.4;
}
path.available[data-exchanges="2"] {
	fill-opacity: 0.6;
}
path.available[data-exchanges="3"] {
	fill-opacity: 0.8;
}
path.available[data-exchanges="4"] {
	fill-opacity: 0.9;
}
path.available[data-exchanges="5"] {
	fill-opacity: 1;
}
path.enabled, path:hover {
  fill: #ffa729;
  stroke: #ffa729;
  fill-opacity: 1 !important;
}