@font-face {
     font-family: 'SpaceGrotesk';
     src: url('./fonts/SpaceGrotesk-Light.woff2') format('woff2'),
          url('./fonts/SpaceGrotesk-Light.woff') format('woff');
     font-weight:  300;
     font-style:   normal;
     font-stretch: normal;
   }

@font-face {
    font-family: 'SpaceGrotesk';
    src: url('./fonts/SpaceGrotesk-Regular.woff2') format('woff2'),
         url('./fonts/SpaceGrotesk-Regular.woff') format('woff');
    font-weight:  400;
    font-style:   normal;
    font-stretch: normal;
  }
  
  @font-face {
     font-family: 'SpaceGrotesk';
     src: url('./fonts/SpaceGrotesk-Medium.woff2') format('woff2'),
          url('./fonts/SpaceGrotesk-Medium.woff') format('woff');
     font-weight:  500;
     font-style:   normal;
     font-stretch: normal;
   }

  @font-face {
     font-family: 'SpaceGrotesk';
     src: url('./fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
          url('./fonts/SpaceGrotesk-Bold.woff') format('woff');
     font-weight:  700;
     font-style:   normal;
     font-stretch: normal;
   }