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

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local('Inter'),
    url('./Inter/Inter-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local('Inter'),
    url('./Inter/Inter-SemiBold.ttf') format('truetype');
}

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

@font-face {
  font-family: 'Lyon Display App';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local('Lyon Display App'),
    url('./LyonDisplayApp/LyonDisplayApp-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Lyon Display App';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src:
    local('Lyon Display App'),
    url('./LyonDisplayApp/LyonDisplay-RegularItalic-App.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:
    local('Roboto Mono'),
    url('./RobotoMono/RobotoMono-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:
    local('Roboto Mono'),
    url('./RobotoMono/RobotoMono-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:
    local('Roboto Mono'),
    url('./RobotoMono/RobotoMono-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src:
    local('Roboto Mono'),
    url('./RobotoMono/RobotoMono-Bold.ttf') format('truetype');
}