/* Work Sans Static Fonts */

@font-face {
  font-family: 'Work Sans';
  font-weight: normal;
  font-style: normal;
  src: 
      url('work-sans/WorkSans-Regular-subset.woff2') format('woff2'), 
      url('work-sans/WorkSans-Regular-subset.woff') format('woff');
  font-display: swap;
  }
  
  @font-face {
      font-family: 'Work Sans';
      font-weight: normal;
      font-style: italic;
      src: 
          url('work-sans/WorkSans-Italic-subset.woff2') format('woff2'), 
          url('work-sans/WorkSans-Italic-subset.woff') format('woff');
      font-display: swap;
  }
  
  @font-face {
      font-family: 'Work Sans';
      font-weight: bold;
      font-style: normal;
      src: 
          url('work-sans/WorkSans-SemiBold-subset.woff2') format('woff2'), 
          url('work-sans/WorkSans-SemiBold-subset.woff') format('woff');
      font-display: swap;
  }
  
  @font-face {
      font-family: 'Work Sans';
      font-weight: bold;
      font-style: italic;
      src: 
          url('work-sans/WorkSans-SemiBoldItalic-subset.woff2') format('woff2'), 
          url('work-sans/WorkSans-SemiBoldItalic-subset.woff') format('woff');
      font-display: swap;
  }
  
/* Poppins Static Fonts */

@font-face {
  font-family: 'Poppins';
  font-weight: normal;
  font-style: normal;
  src: 
      url('poppins/Poppins-Regular-subset.woff2') format('woff2'), 
      url('poppins/Poppins-Regular-subset.woff') format('woff');
  font-display: swap;
  }
  
  @font-face {
      font-family: 'Poppins';
      font-weight: bold;
      font-style: normal;
      src: 
      url('poppins/Poppins-Bold-subset.woff2') format('woff2'), 
      url('poppins/Poppins-Bold-subset.woff') format('woff');
      font-display: swap;
  }
  
  @font-face {
    font-family: 'Poppins';
    font-weight: 500;
    font-style: normal;
    src: 
    url('poppins/Poppins-Medium-subset.woff2') format('woff2'), 
    url('poppins/Poppins-Medium-subset.woff') format('woff');
    font-display: swap;
}
  
@font-face {
  font-family: 'Poppins';
  font-weight: 600;
  font-style: normal;
  src: 
  url('poppins/Poppins-SemiBold-subset.woff2') format('woff2'), 
  url('poppins/Poppins-SemiBold-subset.woff') format('woff');
  font-display: swap;
}

  
/* Roboto Static Fonts */

@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  src: 
      url('roboto/Roboto-Regular-subset.woff2') format('woff2'), 
      url('roboto/Roboto-Regular-subset.woff') format('woff');
  font-display: swap;
  }
  
  @font-face {
      font-family: 'Roboto';
      font-weight: bold;
      font-style: normal;
      src: 
      url('roboto/Roboto-Bold-subset.woff2') format('woff2'), 
      url('roboto/Roboto-Bold-subset.woff') format('woff');
      font-display: swap;
  }
  
  @font-face {
    font-family: 'Roboto';
    font-weight: 300;
    font-style: normal;
    src: 
    url('roboto/Roboto-Light-subset.woff2') format('woff2'), 
    url('roboto/Roboto-Light-subset.woff') format('woff');
    font-display: swap;
}
  
@font-face {
    font-family: 'Roboto';
    font-weight: 500;
    font-style: normal;
    src: 
    url('roboto/Roboto-Medium-subset.woff2') format('woff2'), 
    url('roboto/Roboto-Medium-subset.woff') format('woff');
    font-display: swap;
}
  
@font-face {
    font-family: 'Roboto';
    font-weight: 900;
    font-style: normal;
    src: 
    url('roboto/Roboto-Black-subset.woff2') format('woff2'), 
    url('roboto/Roboto-Black-subset.woff') format('woff');
    font-display: swap;
}