@font-face {
  font-family: 'REDCap-icon';
  src: url('fonts/redcap-icon-regular.ttf');
  font-weight: normal;
  font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'REDCap-icon';
  content: attr(data-icon);
  speak: none;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Raleway';
  src: url('fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype');
  font-style: italic;
}

@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik/Rubik-VariableFont_wght.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Rubik';
  src: url('fonts/Rubik/Rubik-Italic-VariableFont_wght.ttf') format('truetype');
  font-style: italic;
}