@font-face {
  font-family: "MetropolisBold";
  src: url("Metropolis-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisBoldItalic";
  src: url("Metropolis-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisMedium";
  src: url("Metropolis-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisMediumItalic";
  src: url("Metropolis-MediumItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisRegular";
  src: url("Metropolis-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisRegularItalic";
  src: url("Metropolis-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "MetropolisSemiBold";
  src: url("Metropolis-SemiBold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MetropolisSemiBoldItalic";
  src: url("Metropolis-SemiBoldItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
}