@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 100;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-Thin.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 100;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-ThinItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 200;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-ExtraLight.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 200;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-ExtraLightItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-Light.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 300;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-LightItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-MediumItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 600;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-SemiBoldItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-BoldItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 800;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-ExtraBoldItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-Black.ttf) format('truetype');
}
@font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 900;
    font-display: fallback;
    src: url(google_font/poppins/Poppins-BlackItalic.ttf) format('truetype');
}




@font-face {
    font-family: 'Rubik';
    src: url(google_font/rubik/Rubik-VariableFont_wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Rubik';
    src: url(google_font/rubik/Rubik-Italic-VariableFont_wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-Light.ttf format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 300;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-LightItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-Italic.ttf) format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-Medium.ttf) format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 500;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-MediumItalic.ttf) format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-SemiBold.ttf) format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 600;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-SemiBoldItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-Bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-BoldItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 800;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-ExtraBold.ttf) format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 800;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-ExtraBoldItalic.ttf) format('truetype');
}
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 900;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-Black.ttf) format('truetype');
}

@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 900;
    font-display: fallback;
    src: url(google_font/rubik/static/Rubik-BlackItalic.ttf) format('truetype');
}