/**
 * @license
 *
 * Font Family: Satoshi
 * Designed by: Deni Anggara
 * URL: https://www.fontshare.com/fonts/satoshi
 * © 2022 Indian Type Foundry
 *
 * Font Styles:
 * Satoshi Variable(Variable font)
 * Satoshi Light
 * Satoshi Regular
 * Satoshi Medium
 * Satoshi Bold
 * Satoshi Black
 *
*/

/**
* This is a variable font
* You can controll variable axes as shown below:
* font-variation-settings: 'wght' 900.0;
*
* available axes:

* 'wght' (range from 300.0 to 900.0)

*/

@font-face {
    font-family: "Satoshi-Variable";
    src: url("./fonts/Satoshi/Satoshi-Variable.woff2") format("woff2"),
      url("./fonts/Satoshi/Satoshi-Variable.woff") format("woff"),
      url("./fonts/Satoshi/Satoshi-Variable.ttf") format("truetype");
    font-weight: 300 900;
    font-display: swap;
    font-style: normal;
  }
  
  /**
  * This is a variable font
  * You can controll variable axes as shown below:
  * font-variation-settings: 'wght' 900.0;
  *
  * available axes:
  
  * 'wght' (range from 300.0 to 900.0)
  
  */
  
  @font-face {
    font-family: "Satoshi-Light";
    src: url("./fonts/Satoshi/Satoshi-Light.woff2") format("woff2"),
      url("./fonts/Satoshi/Satoshi-Light.woff") format("woff"),
      url("./fonts/Satoshi/Satoshi-Light.ttf") format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi-Regular";
    src: url("./fonts/Satoshi/Satoshi-Regular.woff2") format("woff2"),
      url("./fonts/Satoshi/Satoshi-Regular.woff") format("woff"),
      url("./fonts/Satoshi/Satoshi-Regular.ttf") format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi-Medium";
    src: url("./fonts/Satoshi/Satoshi-Medium.woff2") format("woff2"),
      url("./fonts/Satoshi/Satoshi-Medium.woff") format("woff"),
      url("./fonts/Satoshi/Satoshi-Medium.ttf") format("truetype");
    font-weight: 500;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi-Bold";
    src: url("./fonts/Satoshi/Satoshi-Bold.woff2") format("woff2"),
      url("./fonts/Satoshi/Satoshi-Bold.woff") format("woff"),
      url("./fonts/Satoshi/Satoshi-Bold.ttf") format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Satoshi-Black";
    src: url("./fonts/Satoshi/Satoshi-Black.woff2") format("woff2"),
      url("./fonts/Satoshi/Satoshi-Black.woff") format("woff"),
      url("./fonts/Satoshi/Satoshi-Black.ttf") format("truetype");
    font-weight: 900;
    font-display: swap;
    font-style: normal;
  }
  