@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Roboto';
    src: url('/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter/Inter-VariableFont_opsz,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Inter';
    src: url('/fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/JetBrains_Mono/JetBrainsMono-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/JetBrains_Mono/JetBrainsMono-Italic-VariableFont_wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Manrope';
    src: url('/fonts/Manrope/Manrope-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 800;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/fonts/Merriweather/Merriweather-VariableFont_opsz,wdth,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 300 900;
}

@font-face {
    font-family: 'Merriweather';
    src: url('/fonts/Merriweather/Merriweather-Italic-VariableFont_opsz,wdth,wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 300 900;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/fonts/Noto_Sans/NotoSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('/fonts/Noto_Sans/NotoSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/Open_Sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 300 800;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/fonts/Open_Sans/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 300 800;
}

@font-face {
    font-family: 'Oswald';
    src: url('/fonts/Oswald/Oswald-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 700;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 400 900;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/fonts/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 400 900;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Raleway';
    src: url('/fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
}

@font-face {
    font-family: 'Rubik';
    src: url('/fonts/Rubik/Rubik-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 300 900;
}

@font-face {
    font-family: 'Rubik';
    src: url('/fonts/Rubik/Rubik-Italic-VariableFont_wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 300 900;
}

@font-face {
    font-family: 'SourceSans3';
    src: url('/fonts/Source_Sans_3/SourceSans3-VariableFont_wght.ttf') format('truetype');
    font-style: normal;
    font-weight: 200 900;
}

@font-face {
    font-family: 'SourceSans3';
    src: url('/fonts/Source_Sans_3/SourceSans3-Italic-VariableFont_wght.ttf') format('truetype');
    font-style: italic;
    font-weight: 200 900;
}