:root {
  --color1: #ff1493;
  --color2: #ff4500;
  --color3: #ffd700;
  --color4: #00ced1;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #000;
  color: #fff;
  overflow-x: hidden;
}

.scroll-container {
  height: 400vh;
  background: linear-gradient(
    var(--color1),
    var(--color2),
    var(--color3),
    var(--color4)
  );
}