@font-face {
  font-family: 'SF Pro Display';
  src:
    local('SF Pro Display Semibold'),
    local('SFProDisplay-Semibold'),
    url(/fonts/SFProDisplay-Semibold.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src:
    local('SF Pro Display Bold'),
    local('SFProDisplay-Bold'),
    url(/fonts/SFProDisplay-Bold.woff2) format('woff2');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'SF Pro Display';
  src:
    local('SF Pro Display Regular'),
    local('SFProDisplay-Regular'),
    local('SF Pro Display'),
    url(/fonts/SFProDisplay-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
}

* {
  --scrollbar-width: thin;
  scrollbar-width: thin;
}
html,
body,
#root {
  height: 100%;
}

body {
  overflow-x: auto;
}

#root {
  overflow-x: hidden;
  overflow-y: hidden;
}