@font-face {
    font-family: 'Roboto Variable';
    src: url('../fonts/Roboto/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto serif';
    src: url('../fonts/Roboto_Serif/RobotoSerif-VariableFont_GRAD,opsz,wdth,wght.ttf') format('truetype');
    letter-spacing: 0.5px;
}
@font-face {
    font-family: 'Lora';
    src:  url('../fonts/Lora/Lora-VariableFont_wght.ttf') format('truetype'),
          url('../fonts/Lora/Lora-Italic-VariableFont_wght.ttf') format('truetype');
    letter-spacing: 0.5px;
}
@font-face {
    font-family: 'Lora Italic';
    src: url('../fonts/Lora/Lora-Italic-VariableFont_wght.ttf') format('truetype');
    letter-spacing: 0.5px;
}

:root {
    --font-family: 'Roboto Variable', sans-serif;
    --font-family-alt: 'Lora', serif;
    --font-size: 1rem;
    --font-weight: 400;
}