@font-face {
  font-family: 'Rubik'; 
  src: url('Rubik-VariableFont_wght.eot');
  src: url('Rubik-VariableFont_wght.eot?#iefix') format('embedded-opentype'),
       url('Rubik-VariableFont_wght.ttf') format('truetype'),
       url('Rubik-VariableFont_wght.woff') format('woff'),
       url('Rubik-VariableFont_wght.woff2') format('woff');
  font-weight: 100 900; 
  font-style: normal; 
 
}

@font-face {
  font-family: 'Rubik'; 
  src: url('Rubik-Italic-VariableFont_wght.eot');
  src: url('Rubik-Italic-VariableFont_wght.eot?#iefix') format('embedded-opentype'),
       url('Rubik-Italic-VariableFont_wght.ttf') format('truetype'),
       url('Rubik-Italic-VariableFont_wght.woff') format('woff'),
       url('Rubik-Italic-VariableFont_wght.woff2') format('woff');
  font-weight: 100 900; 
  font-style: italic; 
 
}