@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.regular.ttf') format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.regular.ttf') format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.regular.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.semibold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.bold.ttf') format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'Poppins';
    font-display: swap;
    src: url('/assets/fonts/poppins.black.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Zen Dots';
    font-display: swap;
    src: url('/assets/fonts/zendots.regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('/assets/fonts/SpaceGrotesk.light.ttf') format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('/assets/fonts/SpaceGrotesk.regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('/assets/fonts/SpaceGrotesk.medium.ttf') format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('/assets/fonts/SpaceGrotesk.semibold.ttf') format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'Space Grotesk';
    font-display: swap;
    src: url('/assets/fonts/SpaceGrotesk.bold.ttf') format('truetype');
    font-weight: 700;
}

:root {
    font-family: Poppins, -apple-system, '.SFNSText-Regular', 'San Francisco', BlinkMacSystemFont,
        '.PingFang-SC-Regular', 'Microsoft YaHei', 'Segoe UI', 'Helvetica Neue', Helvetica, Arial,
        sans-serif, 'Zen Dots', 'Space Grotesk';
}

body,
*,
*::before,
*::after {
    font-family: inherit;
}