* {
  font-family: Open Sans, sans-serif;
}
@font-face {
    font-family: 'NeurialGrotesk-Regular';
    src: url('../css/webfonts/NeurialGrotesk-Regular.woff2') format('woff2'),
    url('../css/webfonts/NeurialGrotesk-Regular.woff') format('woff'),
    url('../css/webfonts/NeurialGrotesk-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'NeurialGrotesk-Bold';
    src: url('../css/webfonts/NeurialGrotesk-Bold.woff2') format('woff2'),
    url('../css/webfonts/NeurialGrotesk-Bold.woff') format('woff'),
    url('../css/webfonts/NeurialGrotesk-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'NeurialGrotesk-Medium';
    src: url('../css/webfonts/NeurialGrotesk-Medium.woff2') format('woff2'),
    url('../css/webfonts/NeurialGrotesk-Medium.woff') format('woff'),
    url('../css/webfonts/NeurialGrotesk-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  * {
    font-family: 'NeurialGrotesk-Regular';
  }