@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto/Roboto-Regular-tanxC1p.ttf") format("truetype");
  }

  @font-face {
    font-family: "Roboto-bold";
    src: url("../fonts/Roboto/Roboto-Bold-VSN-sRv.ttf") format("truetype");
  }


  @font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Regular-hBRJlB7.ttf") format("truetype");
  }

  @font-face {
    font-family: "PoppinsBold";
    src: url("../fonts/Poppins/Poppins-Bold-dkvJ0T8.ttf") format("truetype");
  }

  @font-face {
    font-family: "PoppinsExtraBold";
    src: url("../fonts/Poppins/Poppins-ExtraBold-DKZDSUN.ttf") format("truetype");
  }

  @font-face {
    font-family: "PoppinsSemiBold";
    src: url("../fonts/Poppins/Poppins-SemiBold-u6Y9fHz.ttf") format("truetype");
  }

  :root {
    --font-primary-regular: "Roboto", sans-serif;
    --font-primary-bold: "Roboto-bold", sans-serif;

    --font-family-Poppins-regular: "Poppins", sans-serif;
    --font-family-Poppins-bold: "PoppinsBold", sans-serif;
    --font-family-Poppins-ExtraBold: "PoppinsExtraBold", sans-serif;
    --font-family-Poppins-SemiBold: "PoppinsSemiBold", sans-serif;
  }