@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('./OpenSans300.woff2') format('woff2');
    font-display: swap; 
  }
  @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 400;
      src: url('./OpenSansRegular.woff2') format('woff2'); 
      font-display: swap; 
  }
  @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 500;
      src: url('./OpenSans500.woff2') format('woff2');
      font-display: swap; 
  }
  @font-face {
      font-family: 'Open Sans';
      font-style: normal;
      font-weight: 600;
      src: url('./OpenSans600.woff2') format('woff2');
      font-display: swap; 
  }
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('./OpenSans700.woff2') format('woff2');
    font-display: swap; 
  }
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('./OpenSans800.woff2') format('woff2');
    font-display: swap;
  }