@font-face {
  font-family: 'exo-regular';
  src:
    url('./Exo-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'exo-bold';
  src:
    url('./Exo-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato-regular';
  src:
    url('./Lato-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato-bold';
  src:
    url('./Lato-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'arial-regular';
  src:
    url('./Arial-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'arial-bold';
  src:
    url('./Arial-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* use !important to prevent issues with browser extensions that change fonts */
.exo-bold {
  font-family: 'exo-bold' !important;  
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.font-lato {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lato-regular' !important;  
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.font-lato-bold {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lato-bold' !important;  
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.font-arial {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'arial-regular' !important;  
  font-size: small;
  font-style: normal;
  font-weight: 500;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.font-arial-bold {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'arial-bold' !important;  
  font-size: small;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}