@font-face {

  font-family: "Satoshi";

  font-display: swap;

  font-weight: 700;

  src: url("../fonts/Satoshi-Bold.otf") format("opentype");

}

@font-face {

  font-family: "Poppins Light";

  font-display: swap;

  font-weight: 300;

  src: url("../fonts/Poppins-Light.ttf") format("truetype");

}



@font-face {

  font-family: "Poppins Regular";

  font-display: swap;

  font-weight: 400;

  src: url("../fonts/Poppins-Regular.ttf") format("truetype");

}



@font-face {

  font-family: "Poppins Medium";

  font-display: swap;

  font-weight: 500;

  src: url("../fonts/Poppins-Medium.ttf") format("truetype");

}



@font-face {

  font-family: "Poppins Bold";

  font-display: swap;

  font-weight: 700;

  src: url("../fonts/Poppins-Bold.ttf") format("truetype");

}