body {
  background:
    radial-gradient(circle at 20% 90%,
      rgba(221, 205, 0, 0.18) 5%,
      rgba(221, 205, 0, 0.08) 18%,
      rgba(221, 205, 0, 0) 38%
    ),
    radial-gradient(circle at 90% 10%,
      rgba(221, 205, 0, 0.15) 0%,
      rgba(221, 205, 0, 0.05) 20%,
      rgba(221, 205, 0, 0) 40%
    ),
    radial-gradient(circle at 50% 50%,
      rgba(255, 243, 196, 0.12) 0%,
      rgba(255, 243, 196, 0.04) 25%,
      rgba(255, 243, 196, 0) 45%
    ),
    #f3f1ec;
}

/* Полоса прокрутки */
::-webkit-scrollbar {
  width: 12px;
}

/* Фон полосы */
::-webkit-scrollbar-track {
  background: #f3f1ec;
}

/* Ползунок */
::-webkit-scrollbar-thumb {
  background: linear-gradient(
    to bottom,
    rgb(255, 221, 0),
    rgb(255, 170, 0)
  );
  border-radius: 20px;
  border: 2px solid #f3f1ec;
}

/* При наведении */
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    to bottom,
    rgb(255, 230, 0),
    rgb(255, 180, 0)
  );
}