/* Italic Variable Font */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 1 1000; /* Variable font range for 'wght' axis */
  font-stretch: 1 100%; /* Variable font range for 'wdth' axis */
  font-optical-sizing: auto; /* Variable font range for 'opsz' axis */
  font-display: swap;
  src: local("Nunito Sans Italic Variable"),
    local("NunitoSans-Italic-VariableFont_YTLC"),
    url("Nunito_Sans/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf")
      format("truetype-variations");
}

/* Regular Variable Font */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 1 1000; /* Variable font range for 'wght' axis */
  font-stretch: 1 100%; /* Variable font range for 'wdth' axis */
  font-optical-sizing: auto; /* Variable font range for 'opsz' axis */
  font-display: swap;
  src: local("Nunito Sans Variable"), local("NunitoSans-VariableFont_YTLC"),
    url("Nunito_Sans/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf")
      format("truetype-variations");
}

/* Italic Variable Font */
@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 1 1000; /* Variable font range for 'wght' axis */
  font-optical-sizing: auto; /* Variable font range for other axes if applicable */
  font-display: swap;
  src: local("Rubik Italic Variable"), local("Rubik-Italic-VariableFont_wght"),
    url("Rubik/Rubik-Italic-VariableFont_wght.ttf") format("truetype-variations");
}

/* Regular Variable Font */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 1 1000; /* Variable font range for 'wght' axis */
  font-optical-sizing: auto; /* Variable font range for other axes if applicable */
  font-display: swap;
  src: local("Rubik Variable"), local("Rubik-VariableFont_wght"),
    url("Rubik/Rubik-VariableFont_wght.ttf")
      format("truetype-variations");
}