// app global css in SCSS form

.container {
  width: 100%;

  margin-right: auto;
  margin-left: auto;

  @media (min-width: $breakpoint-sm-min) {
    max-width: $container-xs;
  }
  @media (min-width: $breakpoint-md-min) {
    max-width: $container-sm;
  }
  @media (min-width: $breakpoint-lg-min) {
    max-width: $container-md;
  }
  @media (min-width: $breakpoint-xl-min) {
    max-width: $container-lg;
  }
}

.d-block {
  display: block;
}
.d-flex {
  display: flex;
}
.d-none {
  display: none;
}
@media (min-width: $breakpoint-sm-min) {
  .d-sm-block {
    display: block;
  }
  .d-sm-flex {
    display: flex;
  }
  .d-sm-none {
    display: none;
  }
}
@media (min-width: $breakpoint-md-min) {
  .d-md-block {
    display: block;
  }
  .d-md-flex {
    display: flex;
  }
  .d-md-none {
    display: none;
  }
}
@media (min-width: $breakpoint-lg-min) {
  .d-lg-block {
    display: block;
  }
  .d-lg-flex {
    display: flex;
  }
  .d-lg-none {
    display: none;
  }
}
@media (min-width: $breakpoint-xl-min) {
  .d-xl-block {
    display: block;
  }
  .d-xl-flex {
    display: flex;
  }
  .d-xl-none {
    display: none;
  }
}

// @font-face {
//   font-family: 'Inter';
//   src: url('./fonts/Inter/Inter-Thin.ttf') format('truetype');
//   font-weight: 100;
// }
// @font-face {
//   font-family: 'Inter';
//   src: url('./fonts/Inter/Inter-ExtraLight.ttf') format('truetype');
//   font-weight: 200;
// }
// @font-face {
//   font-family: 'Inter';
//   src: url('./fonts/Inter/Inter-Light.ttf') format('truetype');
//   font-weight: 300;
// }
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
}
// @font-face {
//   font-family: 'Inter';
//   src: url('./fonts/Inter/Inter-Medium.ttf') format('truetype');
//   font-weight: 500;
// }
// @font-face {
//   font-family: 'Inter';
//   src: url('./fonts/Inter/Inter-SemiBold.ttf') format('truetype');
//   font-weight: 600;
// }
@font-face {
  font-family: 'Inter';
  src: url('./fonts/Inter/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
}
// @font-face {
//   font-family: 'Inter';
//   src: url('./fonts/Inter/Inter-ExtraBold.ttf') format('truetype');
//   font-weight: 800;
// }
// @font-face {
//   font-family: 'Inter';
//   src: url('./fonts/Inter/Inter-Black.ttf') format('truetype');
//   font-weight: 900;
// }
