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

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  /* background: #b1b1b1; */
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

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

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #505050;
}

:root {
  --ybl-blue-color: #4a90e2;
  --balck-color-1: #000000;
  --bg-transparent-color: #6ba3ef0f;
  --bg-no-transparent-color: #f3f6fa;
  --gray-color-1: #b1b1b1;
  --white-color: #ffffff;
  --white-snow-color: #f6fafe;
  --link-color: #2b61ab;
}