@font-face {
  font-family: 'Nunito-Regular';
  src: url('/fonts/static/Nunito-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Nunito-Bold';
  src: url('/fonts/static/Nunito-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nunito-ExtraBold';
  src: url('/fonts/static/Nunito-ExtraBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Rubik-Medium';
  src: url('/fonts/static/Rubik-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik-Regular';
  src: url('/fonts/static/Rubik-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik-SemiBold';
  src: url('/fonts/static/Rubik-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik-Bold';
  src: url('/fonts/static/Rubik-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik-ExtraBold';
  src: url('/fonts/static/Rubik-ExtraBold.ttf') format('truetype');
}

#.nunito-<uniquifier> {
#  font-family: "Nunito", sans-serif;
#  font-optical-sizing: auto;
#  font-weight: <weight>;
#  font-style: normal;
#}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/Roboto-300italic.eot'); /* IE9 */
  src: url('/fonts/Roboto-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/Roboto-300italic.woff2') format('woff2'), /* Modern Browsers */
    url('/fonts/Roboto-300italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/Roboto-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/Roboto-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Roboto-Regular.eot'); /* IE9 */
  src: url('/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/Roboto-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('/fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/Roboto-Regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/Roboto-Italic.eot'); /* IE9 */
  src: url('/fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/Roboto-Italic.woff2') format('woff2'), /* Modern Browsers */
    url('/fonts/Roboto-Italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/Roboto-Italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/Roboto-Italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/Roboto-500.eot'); /* IE9 */
  src: url('/fonts/Roboto-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/Roboto-500.woff2') format('woff2'), /* Modern Browsers */
    url('/fonts/Roboto-500.woff') format('woff'), /* Modern Browsers */
    url('/fonts/Roboto-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/Roboto-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/Roboto-500italic.eot'); /* IE9 */
  src: url('/fonts/Roboto-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/Roboto-500italic.woff2') format('woff2'), /* Modern Browsers */
    url('/fonts/Roboto-500italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/Roboto-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/Roboto-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}