@font-face {
   font-family: 'Metropolis-Black';
   font-display: swap;
   src: url('Metropolis-Black/font.ttf');
}
@font-face {
   font-family: 'Metropolis-Bold';
   font-display: swap;
   src: url('Metropolis-Bold/font.ttf');
}
@font-face {
   font-family: 'Metropolis-Regular';
   font-display: swap;
   src: url('Metropolis-Regular/font.ttf');
}
@font-face {
   font-family: 'Metropolis-Thin';
   font-display: swap;
   src: url('Metropolis-Thin/font.ttf');
}