html {
  height: 100%;
  width: 100%;
}
body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 12px;
}
body, .viewport {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
h1 {
  font-size: inherit;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.map {
  height: 100%;
  margin: 0 auto;
  display: block;
  width: 100%;
}
.map path {
  stroke-width: 0.3;
  stroke: white;
  pointer-events: all;
}
.map path:hover {
  fill: #222;
}
.brand {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
}