@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500&display=swap');

@font-face {
  font-family: Geomanist;
  font-style: normal;
  font-weight: $weight-font-medium;
  src: url('https://statics.belvo.io/fonts/Geomanist-Medium.otf') format('opentype');
}

@font-face {
  font-family: Geomanist;
  font-style: italic;
  font-weight: $weight-font-light;
  src: url('https://statics.belvo.io/fonts/Geomanist-Light-Italic.otf') format('opentype');
}

@font-face {
  font-family: FiraCode;
  font-style: normal;
  font-weight: $weight-font-regular;
  src: url('https://statics.belvo.io/fonts/FiraCode-Regular.ttf') format('truetype');
}

@font-face {
  font-family: FiraCode;
  font-style: normal;
  font-weight: $weight-font-bold;
  src: url('https://statics.belvo.io/fonts/FiraCode-Bold.ttf') format('truetype');
}

.text-medium-60 {
  @include mediumFont();
  font-size: $size-font-60;
  line-height: $height-line-72;
}

.text-medium-52 {
  @include mediumFont();
  font-size: $size-font-52;
  line-height: $height-line-64;
}

.text-medium-40 {
  @include mediumFont();
  font-size: $size-font-40;
  line-height: $height-line-52;
}

.text-medium-36 {
  @include mediumFont();
  font-size: $size-font-36;
  line-height: $height-line-48;
}

.text-medium-32 {
  @include mediumFont();
  font-size: $size-font-32;
  line-height: $height-line-44;
}

.text-medium-28 {
  @include mediumNotoFont();
  font-size: $size-font-28;
  line-height: $height-line-40;
}

.text-medium-24 {
  @include mediumNotoFont();
  font-size: $size-font-24;
  line-height: $height-line-36;
}

.text-medium-20 {
  @include mediumNotoFont();
  font-size: $size-font-20;
  line-height: $height-line-32;
}

.text-medium-18 {
  @include mediumNotoFont();
  font-size: $size-font-18;
  line-height: $height-line-30;
}

.text-medium-16 {
  @include mediumNotoFont();
  font-size: $size-font-16;
  line-height: $height-line-28;
}

.text-medium-14 {
  @include mediumNotoFont();
  font-size: $size-font-14;
  line-height: $height-line-26;
}

.text-medium-12 {
  @include mediumNotoFont();
  font-size: $size-font-12;
  line-height: $height-line-24;
}

.text-regular-28 {
  @include regularNotoFont();
  font-size: $size-font-28;
  line-height: $height-line-40;
}

.text-regular-24 {
  @include regularNotoFont();
  font-size: $size-font-24;
  line-height: $height-line-36;
}

.text-regular-20 {
  @include regularNotoFont();
  font-size: $size-font-20;
  line-height: $height-line-32;
}

.text-regular-18 {
  @include regularNotoFont();
  font-size: $size-font-18;
  line-height: $height-line-30;
}

.text-regular-16 {
  @include regularNotoFont();
  font-size: $size-font-16;
  line-height: $height-line-28;
}

.text-regular-14 {
  @include regularNotoFont();
  font-size: $size-font-14;
  line-height: $height-line-26;
}

.text-regular-12 {
  @include regularNotoFont();
  font-size: $size-font-12;
  line-height: $height-line-24;
}

.text-code-14 {
  @include normalCodeFont();
  font-size: $size-font-14;
  line-height: $height-line-26;
}

.text-code-12 {
  @include normalCodeFont();
  font-size: $size-font-12;
  line-height: $height-line-24;
}