@font-face {
    font-family: poppins-thin;
    src: url('/assets/fonts/Poppins-Thin.ttf');
}
@font-face {
    font-family: poppins-extralight;
    src: url('/assets/fonts/Poppins-ExtraLight.ttf');
}
@font-face {
    font-family: poppins-light;
    src: url('/assets/fonts/Poppins-Light.ttf');
}
@font-face {
    font-family: poppins-regular;
    src: url('/assets/fonts/Poppins-Regular.ttf');
}
@font-face {
    font-family: poppins-medium;
    src: url('/assets/fonts/Poppins-Medium.ttf');
}
@font-face {
    font-family: poppins-semibold;
    src: url('/assets/fonts/Poppins-SemiBold.ttf');
}
@font-face {
    font-family: poppins-bold;
    src: url('/assets/fonts/Poppins-Bold.ttf');
}
@font-face {
    font-family: poppins-extrabold;
    src: url('/assets/fonts/Poppins-ExtraBold.ttf');
}
@font-face {
    font-family: poppins-black;
    src: url('/assets/fonts/Poppins-Black.ttf');
}




:root{
    --body-font-thin: poppins-thin, sans-serif;
    --body-font-extralight: poppins-extralight, sans-serif;
    --body-font-light: poppins-light, sans-serif;
    --body-font-regular: poppins-regular, sans-serif;
    --body-font-medium: poppins-medium, sans-serif;
    --body-font-semibold: poppins-semibold, sans-serif;
    --body-font-bold: poppins-bold, sans-serif;
    --body-font-extrabold: poppins-extrabold, sans-serif;
    --body-font-black: poppins-black, sans-serif;
}





.body-font-thin{
    font-family: var(--body-font-thin);
}
.body-font-extralight{
    font-family: var(--body-font-extralight);
}
.body-font-light{
    font-family: var(--body-font-light);
}
.body-font-regular{
    font-family: var(--body-font-regular);
}
.body-font-medium{
    font-family: var(--body-font-medium);
}
.body-font-semibold{
    font-family: var(--body-font-semibold);
}
.body-font-bold{
    font-family: var(--body-font-bold);
}
.body-font-extrabold{
    font-family: var(--body-font-extrabold);
}
.body-font-black{
    font-family: var(--body-font-black);
}