@font-face {
  font-family: 'DirectFont';
  src: local('DirectFont'), url("100-DirectFont-Thin.woff2") format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DirectFont';
  src: local('DirectFont'), url("200-DirectFont-ExtraLight.woff2") format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DirectFont';
  src: local('DirectFont'), url("300-DirectFont-Light.woff2") format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DirectFont';
  src: local('DirectFont'), url("400-DirectFont-Regular.woff2") format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DirectFont';
  src: local('DirectFont'), url("500-DirectFont-Medium.woff2") format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DirectFont';
  src: local('DirectFont'), url("600-DirectFont-SemiBold.woff2") format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DirectFont';
  src: local('DirectFont'), url("700-DirectFont-Bold.woff2") format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DirectFont';
  src: local('DirectFont'), url("800-DirectFont-Black.woff2") format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter"), url("Inter-Regular.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: local("Inter"), url("Inter-Bold.ttf") format("ttf");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}