@font-face {
   font-family: 'ProductSans-Regular';
   font-display: swap;
   src: url('ProductSans-Regular/font.ttf');
}
@font-face {
   font-family: 'ProductSans-Medium';
   font-display: swap;
   src: url('ProductSans-Medium/font.ttf');
}

@font-face {
   font-family: 'ClashDisplay-Bold';
   font-display: swap;
   src: url('ClashDisplay-Bold/font.woff2') format('woff2'),
        url('ClashDisplay-Bold/font.ttf') format('truetype');
}

@font-face {
   font-family: 'Archivo-Regular';
   font-display: swap;
   src: url('Archivo-Regular/font.woff2') format('woff2'),
        url('Archivo-Regular/font.ttf') format('truetype');
}