@font-face {
    font-display: block;
    font-family: "Metropolis Extra Light";
    font-style: normal;
    font-weight: 400;
    src: local("Metropolis-ExtraLight"), local('MetropolisExtraLight'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-ExtraLight.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis";
    font-style: normal;
    font-weight: 400;
    src: local("Metropolis-ExtraLight"), local('MetropolisExtraLight'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-ExtraLight.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis Extra Light Italic";
    font-style: normal;
    font-weight: 400;
    src: local("MetropolisExtraLightItalic"), local('MetropolisExtraLightItalic'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-ExtraLightItalic.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis";
    font-style: normal;
    font-weight: 400;
    src: local("MetropolisExtraLightItalic"), local('MetropolisExtraLightItalic'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-ExtraLightItalic.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis Light";
    font-style: normal;
    font-weight: 400;
    src: local("Metropolis-Light"), local('MetropolisLight'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-Light.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis";
    font-style: normal;
    font-weight: 400;
    src: local("Metropolis-Light"), local('MetropolisLight'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-Light.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis Light Italic";
    font-style: normal;
    font-weight: 400;
    src: local("MetropolisLightItalic"), local('MetropolisLightItalic'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-LightItalic.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis";
    font-style: normal;
    font-weight: 400;
    src: local("MetropolisLightItalic"), local('MetropolisLightItalic'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-LightItalic.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis Thin";
    font-style: normal;
    font-weight: 400;
    src: local("Metropolis-Thin"), local('MetropolisThin'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-Thin.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis";
    font-style: normal;
    font-weight: 400;
    src: local("Metropolis-Thin"), local('MetropolisThin'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-Thin.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis Thin Italic";
    font-style: normal;
    font-weight: 400;
    src: local("MetropolisThinItalic"), local('MetropolisThinItalic'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-ThinItalic.otf") format('opentype');
  }

  @font-face {
    font-display: block;
    font-family: "Metropolis";
    font-style: normal;
    font-weight: 400;
    src: local("MetropolisThinItalic"), local('MetropolisThinItalic'), url("https://d2mx2n54ydq2ht.cloudfront.net/metropolis/Metropolis-ThinItalic.otf") format('opentype');
  }