.roboto-serif- {
  font-family: "Roboto Serif", serif;
  font-optical-sizing: auto;
  font-weight: ;
  font-style: normal;
  font-variation-settings:
    "wdth" ,
    "GRAD" ;
}


.roboto-flex- {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: ;
  font-style: normal;
  font-variation-settings:
    "slnt" ,
    "wdth" ,
    "GRAD" ,
    "XOPQ" ,
    "XTRA" ,
    "YOPQ" ,
    "YTAS" ,
    "YTDE" ,
    "YTFI" ,
    "YTLC" ,
    "YTUC" ;
}