@font-face {
    font-family: 'Poppins-Light';
    src: url(../css/fonts/Poppins-Light.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins-Bold';
    src: url(../css/fonts/Poppins-Bold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins-SemiBold';
    src: url(../css/fonts/Poppins-SemiBold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins-Regular';
    src: url(../css/fonts/Poppins-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins-Medium';
    src: url(../css/fonts/Poppins-Medium.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
    font-family: 'Poppins-ExtraLight';
    src: url(../css/fonts/Poppins-ExtraLight.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }