@font-face {
  font-family: 'Approach';
  src: url('../fonts/Approach-Regular.otf');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Approach';
  src: url('../fonts/Approach-Medium.otf');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Approach';
  src: url('../fonts/Approach-SemiBold.otf');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Approach';
  src: url('../fonts/Approach-Bold.otf');
  font-weight: 700;
  font-style: normal;
}

/* "Inter" weights: normal (400), "bold" (530 or 600, depending on variant) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Inter-400.woff2?v=4.0-beta9h') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 530;
  font-display: swap;
  src: url('../fonts/Inter-530.woff2?v=4.0-beta9h') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/Inter-600.woff2?v=4.0-beta9h') format('woff2');
}

/* "Inter Display" weights: medium (500) */
@font-face {
  font-family: 'Inter Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/InterDisplay-500.woff2?v=4.0-beta9h') format('woff2');
}

body {
  /* https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/ */
  min-height: 100vh;
  /* mobile viewport bug fix */
  min-height: -webkit-fill-available;

  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}