@font-face {
    font-family: nunito-extralight;
    src: url('../assets/fonts/NunitoSans-ExtraLight.woff2'), url('../assets/fonts/NunitoSans-ExtraLight.woff');
}
@font-face {
    font-family: nunito-light;
    src: url('../assets/fonts/NunitoSans-Light.woff2'), url('../assets/fonts/NunitoSans-Light.woff');
}
@font-face {
    font-family: nunito-regular;
    src: url('../assets/fonts/NunitoSans-Regular.woff2'), url('../assets/fonts/NunitoSans-Regular.woff');
}
@font-face {
    font-family: nunito-semibold;
    src: url('../assets/fonts/NunitoSans-SemiBold.woff2'), url('../assets/fonts/NunitoSans-SemiBold.woff');
}
@font-face {
    font-family: nunito-bold;
    src: url('../assets/fonts/NunitoSans-Bold.woff2'), url('../assets/fonts/NunitoSans-Bold.woff');
}
@font-face {
    font-family: nunito-extrabold;
    src: url('../assets/fonts/NunitoSans-ExtraBold.woff2'), url('../assets/fonts/NunitoSans-ExtraBold.woff');
}
@font-face {
    font-family: nunito-black;
    src: url('../assets/fonts/NunitoSans-Black.woff2'), url('../assets/fonts/NunitoSans-Black.woff');
}


/* 

@font-face {
    font-family: melodrama-light;
    src: url('../assets/fonts/Melodrama-Light.woff2'), url('../assets/fonts/Melodrama-Light.woff');
}
@font-face {
    font-family: melodrama-regular;
    src: url('../assets/fonts/Melodrama-Regular.woff2'), url('../assets/fonts/Melodrama-Regular.woff');
}
@font-face {
    font-family: melodrama-medium;
    src: url('../assets/fonts/Melodrama-Medium.woff2'), url('../assets/fonts/Melodrama-Medium.woff');
}
@font-face {
    font-family: melodrama-semibold;
    src: url('../assets/fonts/Melodrama-Semibold.woff2'), url('../assets/fonts/Melodrama-Semibold.woff');
}
@font-face {
    font-family: melodrama-bold;
    src: url('../assets/fonts/Melodrama-Bold.woff2'), url('../assets/fonts/Melodrama-Bold.woff');
} */




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

/* 
    --head-font-light: melodrama-light, sans-serif;
    --head-font-regular: melodrama-regular, sans-serif;
    --head-font-medium: melodrama-medium, sans-serif;
    --head-font-semibold: melodrama-semibold, sans-serif;
    --head-font-bold: melodrama-bold, sans-serif; */
}





.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-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-light{
    font-family: var(--head-font-light);
    letter-spacing: 1px !important;
}
.head-font-regular{
    font-family: var(--head-font-regular);
    letter-spacing: 1px !important;
}
.head-font-medium{
    font-family: var(--head-font-medium);
    letter-spacing: 1px !important;
}
.head-font-semibold{
    font-family: var(--head-font-semibold);
    letter-spacing: 1px !important;
}
.head-font-bold{
    font-family: var(--head-font-bold);
    letter-spacing: 1px !important;
} */