@font-face {
    font-family: 'Metropolis';
    src: url('/assets/fonts/metropolis/Metropolis-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('/assets/fonts/metropolis/Metropolis-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('/assets/fonts/metropolis/Metropolis-SemiBold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis';
    src: url('/assets/fonts/metropolis/Metropolis-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('/assets/fonts/d-din/D-DIN.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('/assets/fonts/d-din/D-DIN-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('/assets/fonts/d-din/D-DIN-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('/assets/fonts/d-din/D-DIN-Exp.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-stretch: expanded;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('/assets/fonts/d-din/D-DIN-Condensed.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-stretch: condensed;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('/assets/fonts/d-din/D-DIN-Exp-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-stretch: expanded;
    font-display: swap;
}

@font-face {
    font-family: 'D-DIN';
    src: url('/assets/fonts/d-din/D-DIN-Condensed-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    font-display: swap;
}

@font-face {
    font-family: 'RussoOne';
    src: url('/assets/fonts/russo-one/RussoOne-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}