@font-face {
  font-family: 'UniversNextforHSBC';
  font-style: normal;
  font-weight: 300;
  src: local('Univers Next for HSBC Light'),
    url(./fonts/univers.300.woff) format('woff');
}

@font-face {
  font-family: 'UniversNextforHSBC';
  font-style: normal;
  font-weight: 400;
  src: local('Univers Next for HSBC Regular'),
    url(./fonts/univers.400.woff) format('woff');
}

@font-face {
  font-family: 'UniversNextforHSBC';
  font-style: normal;
  font-weight: 500;
  src: local('Univers Next for HSBC Medium'),
    url(./fonts/univers.500.woff) format('woff');
}

@font-face {
  font-family: 'UniversNextforHSBC';
  font-style: normal;
  font-weight: 700;
  src: local('Univers Next for HSBC Bold'),
    url(./fonts/univers.700.woff) format('woff');
}

@font-face {
  font-family: 'UniversNextforHSBCArabic';
  font-style: normal;
  font-weight: 300;
  src: local('Univers Next for HSBC Arabic Light'),
    url(./fonts/univers-ar.300.woff) format('woff');
}

@font-face {
  font-family: 'UniversNextforHSBCArabic';
  font-style: normal;
  font-weight: 400;
  src: local('Univers Next for HSBC Arabic Regular'),
    url(./fonts/univers-ar.400.woff) format('woff');
}

@font-face {
  font-family: 'UniversNextforHSBCArabic';
  font-style: normal;
  font-weight: 500;
  src: local('Univers Next for HSBC Arabic Medium'),
    url(./fonts/univers-ar.500.woff) format('woff');
}

@font-face {
  font-family: 'UniversNextforHSBCArabic';
  font-style: normal;
  font-weight: 700;
  src: local('Univers Next for HSBC Arabic Bold'),
    url(./fonts/univers-ar.700.woff) format('woff');
}

.App .content {
  background-image: url(./background.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* a:focus,
button:focus,
[type='text']:focus,
[type='password']:focus,
[role='menuitem']:focus,
select:focus {
  outline: 3px solid rgba(131, 192, 253, 0.5);
  outline-offset: 1px;
} */
body:not(.keyboard-access) :focus,
body:not(.keyboard-access) input:focus + label * {
  outline: none;
}