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

@font-face {
    font-family: 'Montserrat';
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(../fonts/Noto_Serif/NotoSerif-VariableFont_wdth,wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url(../fonts/Noto_Serif/NotoSerif-Italic-VariableFont_wdth,wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url(../fonts/Nunito/Nunito-VariableFont_wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Nunito';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url(../fonts/Nunito/Nunito-Italic-VariableFont_wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.ttf) format('truetype');
}