@font-face {
   font-family: 'DM Sans';
   font-style: normal;
   font-display: swap;
   font-weight: 500;
   src: url('../fonts/DM Sans/500.ttf') format('truetype');
}
@font-face {
   font-family: 'DM Sans';
   font-style: normal;
   font-display: swap;
   font-weight: 700;
   src: url('../fonts/DM Sans/700.ttf') format('truetype');
}
@font-face {
   font-family: 'DM Sans';
   font-style: regular;
   font-display: swap;
   font-weight: 400;
   src: url('../fonts/DM Sans/regular.ttf') format('truetype');
}
@font-face {
   font-family: 'DM Sans';
   font-style: italic;
   font-display: swap;
   font-weight: 400;
   src: url('../fonts/DM Sans/italic.ttf') format('truetype');
}
@font-face {
   font-family: 'DM Sans';
   font-style: italic;
   font-display: swap;
   font-weight: 500;
   src: url('../fonts/DM Sans/500italic.ttf') format('truetype');
}
@font-face {
   font-family: 'DM Sans';
   font-style: italic;
   font-display: swap;
   font-weight: 700;
   src: url('../fonts/DM Sans/700italic.ttf') format('truetype');
}