body {
  position: relative;
  background-color: #0e0e0e;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100vw;
}

*::-webkit-scrollbar {
  display: none;
  scrollbar-width: none;
}

.bodyWrap {
  width: 100%;
  /* margin-right: 30px; */
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* scroll_вариант_1 */

/* .customScrollbar {
  z-index: 99999999999;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(
    180deg,
    #bf4e57 0%,
    #e7c73f 22%,
    #998b3b 50.5%,
    #6189a3 87.5%
  );
} */

/* scroll_вариант_2 */

#scrollPath {
  z-index: 999999999;
  position: fixed;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
}

#progressMask {
  height: 0;
  width: 100%;
  overflow: hidden;
}

#progressBar {
  height: 100vh;
  width: 100%;
  background: linear-gradient(
    180deg,
    #bf4e57 0%,
    #e7c73f 22%,
    #998b3b 50.5%,
    #6189a3 87.5%
  );
}

h1 {
  flex-shrink: 0;
}