/* font */
body {
   font-family: Poppins-Light;}
.font-regular {
   font-family: Poppins-Regular;}
.font-medium {
   font-family: Poppins-Medium;}
.font-semibold {
   font-family: Poppins-SemiBold;}
.font-bold {
   font-family: Poppins-Bold;}
.font-extrabold {
   font-family: Poppins-ExtraBold;}


@font-face {
   font-family: 'Poppins-Regular';
   src: url('Poppins-Regular.ttf');
}
@font-face {
   font-family: 'Poppins-Light';
   src: url('Poppins-Light.ttf');
}
@font-face {
   font-family: 'Poppins-Medium';
   src: url('Poppins-Medium.ttf');
}
@font-face {
   font-family: 'Poppins-SemiBold';
   src: url('Poppins-SemiBold.ttf');
}
@font-face {
   font-family: 'Poppins-Bold';
   src: url('Poppins-Bold.ttf');
}
@font-face {
   font-family: 'Poppins-ExtraBold';
   src: url('Poppins-ExtraBold.ttf');
}