@font-face {
    font-family: tangrine-regular;
    src: url('../assets/fonts/Tangerine-Regular.ttf');
}
@font-face {
    font-family: tangrine-bold;
    src: url('../assets/fonts/Tangerine-Bold.ttf');
}




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




:root{
    --body-font-thin: dmsans-thin, sans-serif;
    --body-font-light: dmsans-light, sans-serif;
    --body-font-extralight: dmsans-extralight, sans-serif;
    --body-font-regular: dmsans-regular, sans-serif;
    --body-font-meidum: dmsans-meidum, sans-serif;
    --body-font-semibold: dmsans-semibold, sans-serif;
    --body-font-bold: dmsans-bold, sans-serif;
    --body-font-extrabold: dmsans-extrabold, sans-serif;
    --body-font-black: dmsans-black, sans-serif;

    --head-font-regular: tangrine-regular, cursive;
    --head-font-bold: tangrine-bold, cursive;
}



.body-font-thin{
    font-family: var(--body-font-thin);
}
.body-font-light{
    font-family: var(--body-font-light);
}
.body-font-extralight{
    font-family: var(--body-font-extralight);
}
.body-font-regular{
    font-family: var(--body-font-regular);
}
.body-font-meidum{
    font-family: var(--body-font-meidum);
}
.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);
}

.head-font-regular{
    font-family: var(--head-font-regular);
}
.head-font-bold{
    font-family: var(--head-font-bold);
}