@font-face {
  font-family: 'Manrope-Regular';
  src: url('@/assets/fonts/Manrope-Regular.ttf');
}
@font-face {
  font-family: 'Manrope-Medium';
  src: url('@/assets/fonts/Manrope-Medium.ttf');
}

@font-face {
  font-family: 'Manrope-Bold';
  src: url('@/assets/fonts/Manrope-Bold.ttf');
}

@font-face {
  font-family: 'Manrope-SemiBold';
  src: url('@/assets/fonts/Manrope-SemiBold.ttf');
}

.font-family-regular {
  font-family: $font-family-regular;
}
.font-family-medium {
  font-family: $font-family-medium;
}
.font-family-light {
  font-family: $font-family-light;
}
.font-family-bold {
  font-family: $font-family-bold;
}

.font-family-manrope-regular {
  font-family: $font-family-manrope-regular;
}
.font-family-manrope-medium {
  font-family: $font-family-manrope-medium;
}
.font-family-manrope-bold {
  font-family: $font-family-manrope-bold;
}
.font-family-manrope-semiBold {
  font-family: $font-family-manrope-semiBold;
}