@font-face {
  font-family: "Manrope Light";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Manrope Light'), url('Manrope-Light.ttf') format('TrueType');
}
@font-face {
  font-family: "Manrope Regular";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Manrope Regular'), url('Manrope-Regular.ttf') format('TrueType');
}
@font-face {
  font-family: "Manrope SemiBold";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Manrope SemiBold'), url('Manrope-SemiBold.ttf') format('TrueType');
}
@font-face {
  font-family: "Manrope Medium";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Manrope Medium'), url('Manrope-Medium.ttf') format('TrueType');
}
@font-face {
  font-family: "Manrope Bold";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Manrope Bold'), url('Manrope-Bold.ttf') format('TrueType');
}
@font-face {
  font-family: "Manrope ExtraBold";
  font-style: normal;
  font-weight: normal;
  display: swap;
  src: local('Manrope ExtraBold'), url('Manrope-ExtraBold.ttf') format('TrueType');
}