body {
  font-size: 16px !important;
}

:root {
  /* Colors */
  --cloudy-grey: #696969;
  --login-label-color: #808080;
  --color-blue: #203881;
  --color-white: #fff;
  --color-danger: #ff0505;
  --color-ebv-text: #7ad9c4;
  --nav-link-color: #9197B3;
  --dark-grey:#333333;
  --ebv-from-bg:#fafbff;
  --color-black:#000;
  --btn-color: #5dbcfb;

  /* Font size */
  --size-15px: 0.9375em;
  --size-16px: 1em;
  --size-20px: 1.25rem;
  --size-16px: 1em;
  --size-17px: 1.0625rem;
  --size-20px: 1.25rem;
  --size-24px: 1.5rem;
  --size-25px: 1.5625em;
  --size-32px: 2rem;
  --size-40px: 2.5rem;
  --size-80px: 5rem;

  /* Font family */
  --font-inter-medium: 'inter-medium';
  --font-inter-regular: 'inter-regular';
  --font-franklin-gothic: 'franklin-gothic';
  --font-family-poppins-regular: 'poppins-regular';
  --font-family-poppins-medium: 'poppins-medium';
  --font-family-poppins-semibold: 'poppins-semibold';
}

.error {
  color: var(--color-danger) !important;
  font-family: var(--font-inter-regular) !important;
  font-weight: normal !important;
}

@font-face {
  font-family: 'inter-medium';
  src: url('./fonts/Inter-Medium.ttf');
}

@font-face {
  font-family: 'inter-regular';
  src: url('./fonts/Inter-Regular.ttf');
}

@font-face {
  font-family: 'franklin-gothic';
  src: url('./fonts/FranklinGothicHeavyRegular.ttf');
}

@font-face {
  font-family: 'poppins-regular';
  src: url('./fonts/Poppins/Poppins-Regular.ttf');
}

@font-face {
  font-family: 'poppins-medium';
  src: url('./fonts/Poppins/Poppins-Medium.ttf');
}

@font-face {
  font-family: 'poppins-semibold';
  src: url('./fonts/Poppins/Poppins-SemiBold.ttf');
}