@font-face {
  font-family: DIN;
  font-style: normal;
  font-weight: 400;
  font-display: replace;
  src: url('fonts/din-regular.woff2') format('woff2');
}
@font-face {
  font-family: DIN;
  font-style: normal;
  font-weight: 500;
  font-display: replace;
  src: url('fonts/din-medium.woff2') format('woff2');
}
@font-face {
  font-family: DIN;
  font-style: normal;
  font-weight: 600;
  font-display: replace;
  src: url('fonts/din-bold.woff2') format('woff2');
}
body {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}