global.css

@font-face {
  font-family: 'Nunito Sans';
  src: url('../fonts/NunitoSans-Regular.ttf');
  font-weight: normal;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-display: swap;
  font-family: 'Nunito Sans';
  src: url('../fonts/NunitoSans-Bold.ttf');
  font-weight: bold;
  font-style: normal;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  scrollbar-color: var(--border) transparent;
  font-family: inherit;
  scrollbar-width: thin;
}

html {
  touch-action: manipulation;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
  font-size: 1rem;
  line-height: 1.15;
  font-family: 'Nunito Sans', arial;
}

body {
  margin: 0;
  font-family: "Nunito Sans", arial;

  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  font-size: 100%;
  background: var(--primary-main);
  color: var(--text);
  font-weight: 500;
  font-style: normal;
  text-rendering: optimizeLegibility;

  --primary-main: #fff;
  --secondary-main: #f1f3f4;
  --accent: #144a6e;
  --stripe: #f8f9fa;
  --banner-accent: #4865cd;
  --green: #208340;
  --pink: #be4d78;
  /* --text:  #4c4c4c; */
  --text: #000000DE;
  --orange: #e37800;
  --subtext: #787575;
  --border: #d5d5d5;
  --border-fill: #f7f7f7;
  --red: #d73c42;
  --subwhite: #eef2f7;
  --white: #fff;
  --black: #4c4c4c;
  --shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
}