@font-face {
  font-family: 'Gyst';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/Gyst/Gyst-Light.woff2') format('woff2'),
        url('fonts/Gyst/Gyst-Light.otf') format('opentype'),
        url('fonts/Gyst/Gyst-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'Gyst';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/Gyst/Gyst-Regular.woff2') format('woff2'),
        url('fonts/Gyst/Gyst-Regular.otf') format('opentype'),
        url('fonts/Gyst/Gyst-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Gyst';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/Gyst/Gyst-Bold.woff2') format('woff2'),
        url('fonts/Gyst/Gyst-Bold.otf') format('opentype'),
        url('fonts/Gyst/Gyst-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/DM Sans/DM Sans-Light.woff2') format('woff2'),
        url('fonts/DM Sans/DM Sans-Light.otf') format('opentype'),
        url('fonts/DM Sans/DM Sans-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/DM Sans/DM Sans-Regular.woff2') format('woff2'),
        url('fonts/DM Sans/DM Sans-Regular.otf') format('opentype'),
        url('fonts/DM Sans/DM Sans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('fonts/DM Sans/DM Sans-Bold.woff2') format('woff2'),
        url('fonts/DM Sans/DM Sans-Bold.otf') format('opentype'),
        url('fonts/DM Sans/DM Sans-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('fonts/DM Mono/DM Mono-Light.woff2') format('woff2'),
        url('fonts/DM Mono/DM Mono-Light.otf') format('opentype'),
        url('fonts/DM Mono/DM Mono-Light.ttf') format('truetype');
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('fonts/DM Mono/DM Mono-Regular.woff2') format('woff2'),
        url('fonts/DM Mono/DM Mono-Regular.otf') format('opentype'),
        url('fonts/DM Mono/DM Mono-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'DM Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('fonts/DM Mono/DM Mono-Medium.woff2') format('woff2'),
        url('fonts/DM Mono/DM Mono-Medium.otf') format('opentype'),
        url('fonts/DM Mono/DM Mono-Medium.ttf') format('truetype');
}