@font-face {
  font-family: 'PF Agora Sans Pro';
  src: local('PF Agora Sans Pro Regular'), local('PF-Agora-Sans-Pro-Regular'),
    url('fonts/PFAgoraSansPro-Regular.woff2') format('woff2'),
    url('fonts/PFAgoraSansPro-Regular.woff') format('woff'),
    url('fonts/PFAgoraSansPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'PF Agora Sans Pro';
  src: local('PF Agora Sans Pro Medium'), local('PF-Agora-Sans-Pro-Medium'),
    url('fonts/PFAgoraSansPro-Medium.woff2') format('woff2'),
    url('fonts/PFAgoraSansPro-Medium.woff') format('woff'),
    url('fonts/PFAgoraSansPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'PF Agora Sans Pro';
  src: local('PF Agora Sans Pro Bold'), local('PF-Agora-Sans-Pro-Bold'),
    url('fonts/PFAgoraSansPro-Bold.woff2') format('woff2'),
    url('fonts/PFAgoraSansPro-Bold.woff') format('woff'),
    url('fonts/PFAgoraSansPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: #00b8e4 #fff;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'PF Agora Sans Pro';
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

a {
  text-decoration: none;
  color: unset;
}

#root {
  display: flex;
  flex-direction: column;
  height: 100vh;
  height: 100svh;
  margin: 0px auto;
  max-width: 1920px;
}

::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px grey;*/
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #00b8e4;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #02538b;
  margin-left: 3px;
}