@font-face {
    font-family: 'Metropolis';
    src: url("metropolis/Metropolis-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: normal;
    src: url("metropolis/Metropolis-RegularItalic.otf") format("opentype");
}

@font-face {
  font-family: 'Metropolis';
  font-style: normal;
  font-weight: bold;
  src: url("metropolis/Metropolis-Bold.otf") format("opentype");
}

@font-face {
    font-family: 'Metropolis';
    font-style: italic;
    font-weight: bold;
    src: url("metropolis/Metropolis-BoldItalic.otf") format("opentype");
}

@font-face {
    font-family: 'Metropolis';
    font-style: normal;
    font-weight: lighter;
    src: url("metropolis/Metropolis-Light.otf") format("opentype");
}