@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/Asap-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/Asap-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  src:
    local(''),
    url('./fonts/Asap-SemiBold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src:
    local(''),
    url('./fonts/Asap-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 400;
  src:
    local(''),
    url('./fonts/Asap-Italic.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 500;
  src:
    local(''),
    url('./fonts/Asap-MediumItalic.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 600;
  src:
    local(''),
    url('./fonts/Asap-SemiBoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'Asap';
  font-style: italic;
  font-weight: 700;
  src:
    local(''),
    url('./fonts/Asap-BoldItalic.ttf') format('truetype'); /* Safari, Android, iOS */
}

a {
  color: #326295;
  text-decoration: none;
}

:root,
#root,
html,
body {
  height: 100%;
  overflow: hidden;
}

/* total width */
::-webkit-scrollbar {
  background-color: #fff;
  width: 16px;
  height: 16px;
}

/* background of the scrollbar except button or resizer */
::-webkit-scrollbar-track {
  background-color: #fff;
}

/* scrollbar itself */
::-webkit-scrollbar-thumb {
  background-color: #babac0;
  border-radius: 16px;
  border: 4px solid #fff;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #9a9a9e;
}

/* set button(top and bottom of the scrollbar) */
::-webkit-scrollbar-button {
  display: none;
}