@font-face {
    font-family: 'Satoshi-Regular';
    src: url('../assets/fonts/Satoshi-Regular.woff2') format('woff2'),
         url('../assets/fonts/Satoshi-Regular.woff') format('woff'),
         url('../assets/fonts/Satoshi-Regular.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: normal;
  }

  
  @font-face {
     font-family: 'Satoshi-Light';
     src: url('../assets/fonts/Satoshi-Light.woff2') format('woff2'),
          url('../assets/fonts/Satoshi-Light.woff') format('woff'),
          url('../assets/fonts/Satoshi-Light.ttf') format('truetype');
          font-weight: 300;
          font-display: swap;
          font-style: normal;
   }
   
  
  @font-face {
    font-family: 'Satoshi-Italic';
    src: url('../assets/fonts/Satoshi-Italic.woff2') format('woff2'),
         url('../assets/fonts/Satoshi-Italic.woff') format('woff'),
         url('../assets/fonts/Satoshi-Italic.ttf') format('truetype');
         font-weight: 400;
         font-display: swap;
         font-style: italic;
  }
  
  @font-face {
    font-family: 'Satoshi-Medium';
    src: url('../assets/fonts/Satoshi-Medium.woff2') format('woff2'),
         url('../assets/fonts/Satoshi-Medium.woff') format('woff'),
         url('../assets/fonts/Satoshi-Medium.ttf') format('truetype');
         font-weight: 500;
         font-display: swap;
         font-style: normal;
  }