* {
  margin:0;
  padding: 0;
}

html {
  height:100%;
  scroll-behavior: smooth;
  overflow-x:hidden;
  /* overflow-y:hidden; */
}

body {
  height:inherit;
  font-size: 100%;
}
/* ========================== */
body::-webkit-scrollbar {
  width: 6px;               /* ширина всей полосы прокрутки */
}

body::-webkit-scrollbar-track {
  background: #fff0;        /* цвет зоны отслеживания */
}

body::-webkit-scrollbar-thumb {
  background-color: #939393;    /* цвет бегунка */
  border-radius: 3px;       /* округлось бегунка */
  /* border: 2px solid blue; отступ вокруг бегунка */
}

/* remove blue background on click */
.bb {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

/* Hand cursor */
.cp {
  cursor: pointer;
}

/* pseudo-elements */
:active, :hover, :focus {
  outline: 0;
  outline-offset: 0;
}

/* Hide_scrollbar */
/* ie 10+, mozila */
/* .hide_scrollbar {
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
} */
/* chrome, safari, opera */
/* .hide_scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
} */