/**, *::after, *::before {*/
/*  transition: none !important;*/
/*}*/

@font-face {
  font-family: Roboto-Bold;
  src: local('Roboto-Bold'), url('fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Black;
  src: local('Roboto-Black'), url('fonts/Roboto-Black.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Light;
  src: local('Roboto-Light'), url('fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Medium;
  src: local('Roboto-Medium'), url('fonts/Roboto-Medium.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Regular;
  src: local('Roboto-Regular'), url('fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
  font-family: Roboto-Thin;
  src: local('Roboto-Thin'), url('fonts/Roboto-Thin.ttf') format('truetype');
}

.force-scroll {
  overflow: auto;
}

.force-scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(0,0,0,.1);
}

.force-scroll::-webkit-scrollbar-corner {
  background-color: rgba(0,0,0,.1);
}

.force-scroll::-webkit-scrollbar-track {
  width: 6px;
}

.force-scroll::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 100px;
  min-height: 50px;
  background-color: rgba(0,0,0,.2);
}