@font-face {
  font-family: 'Poppins';
  src:url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
       font-weight: 400 800;
       font-display: swap;
       font-style: normal;
}


@font-face {
  font-family: 'Poppins-Italic';
  src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
       font-weight: 400;
       font-display: swap;
       font-style: italic;
}


@font-face {
  font-family: 'Poppins-Bold';
  src: url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
       font-weight: 800;
       font-display: swap;
       font-style: bold;
}


@font-face {
  font-family: 'Poppins-BoldItalic';
  src: url('../fonts/Poppins/Poppins-BoldItalic.ttf') format('truetype');
       font-weight: 800;
       font-display: swap;
       font-style: bold, italic;
}


@font-face {
  font-family: 'Poppins-Light';
  src: url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');
       font-weight: 200;
       font-display: swap;
       font-style: light;
}


@font-face {
  font-family: 'Poppins-LightItalic';
  src: url('../fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
       font-weight: 200;
       font-display: swap;
       font-style: italic, light;
}