@font-face {
  font-family: 'Open Sans';
  src: url('addfonts/OpenSans-VariableFont_wdth,wght.ttf')
    format("truetype-variations");
}
@font-face {
  font-family: 'Open Sans Italic';
  src: url('addfonts/OpenSans-Italic-VariableFont_wdth,wght.ttf')
    format("truetype-variations");
}

@font-face {
  font-family: 'Dosis';
  src: url('addfonts/Dosis-VariableFont_wght.ttf')
    format("truetype-variations");
}

@font-face {
  font-family: 'Roboto';
  src: url('addfonts/Roboto-VariableFont_wdth,wght.ttf')
    format("truetype-variations");
}
@font-face {
  font-family: 'Roboto Italic';
  src: url('addfonts/Roboto-Italic-VariableFont_wdth,wght.ttf')
    format("truetype-variations");
}