@font-face {
        font-family: 'Proto Grotesk';
         src: local('☺️'),
          url('https://static.istories.media/public/fonts/Proto Grotesk-Bold-Web.woff2') format('woff2'),
          url('https://static.istories.media/public/fonts/Proto Grotesk-Bold-Web.woff') format('woff'),
          url('https://static.istories.media/public/fonts/Proto Grotesk-Bold-Web.ttf') format('truetype');
         font-weight: bold;
         font-style: normal;
         font-display: swap;
    }

html {
          width: 100%;
          height: 100%;
          overflow:  hidden;
      }

.regionName {
  font: normal 15px "Proto Grotesk";
  font-display: swap;
  fill: black;
  font-size: 0.82vw;
}

.migrantsNum {
  font: normal 15px "Proto Grotesk";
  font-display: swap;
  fill: black;
  font-size: 0.82vw;
}


.label{
  font: normal 12px "Proto Grotesk";
  font-size: 0.8vw;
}

.legendTitle{
  font: normal 15px "Proto Grotesk";
  font-size: 1.4vw;
}
.credits{font: normal 15px "Proto Grotesk";
        fill: #676767;
        font-size: 1.5vw

}
.title {
        font: normal 25px "Proto Grotesk";
        fill: #676767;
        font-size: 2.4vw
    }