body {
    background-image: 
      url("https://media.tenor.com/kKmvIr30vQYAAAAi/stars-changing-colors.gif"),
      url("https://i.pinimg.com/1200x/f7/f3/8f/f7f38f14c444548b8d2f780d28eff584.jpg");
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    font-family: 'Press Start 2P', cursive;
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .bg {
    position: fixed;
    
    top: 0;
    left: 20%;
    width: 65%;
    height: 100%;
    
    background-image: url("https://i.pinimg.com/736x/d8/36/bc/d836bc7514f7634295a2586f04fb64b1.jpg");
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border: 2px black solid;
    z-index: 1;
    opacity: .8;
  }
  .background {
    position: absolute;
    background-position: 53% 0;
transform: translateY(-280px); /* move up */
top: 250px;
left: 0;
width: 100%;
height: 100%;
background-image: url("https://i.pinimg.com/1200x/2f/73/d5/2f73d5459256964524fd8b01623d1e91.jpg");
background-repeat: no-repeat;
background-size: 55% 200px; /* Shrinks image width based on container */
background-attachment: fixed;
z-index: 6;
opacity: 1;
  }
  
.scrollContainer {
    width: 65.2vw;
    height: 600px;
    position: relative;
    z-index: 10;
    left: 20%;
    top: 100px;
    overflow:auto;
}

h1 {
    position: relative;
    background: linear-gradient(45deg, #69dcff, #f0f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(1px 1px 2px black);
    -webkit-text-stroke: 2px black;
    left: 28%;
    z-index: 7;
    top: 20px;
    font-size: 4vw;
}

.buttons {
position: relative;
width: 55vw;
height: 30px;
background-color: white;
z-index: 100;
bottom: 580px;
left: 23.5%;
border-radius: 10px;
border: 5px solid black;
overflow-y: scroll;

}

.line {
    position: relative;
    width: 5px;
    height: 50px;
    background-color: black;
    z-index: 100;
    left: 50px;
    line-height: 30px;
}

.line:nth-of-type(2) {
    position: relative;
    width: 5px;
    height: 50px;
    background-color: black;
    z-index: 100;
    left: 200px;
    bottom: 50px;
    line-height: -100px;
}
.line:nth-of-type(3) {
    position: relative;
    width: 5px;
    height: 50px;
    background-color: black;
    z-index: 100;
    left: 360px;
    bottom: 100px;
    line-height: -30px;
}
.line:nth-of-type(4) {
    position: relative;
    width: 5px;
    height: 50px;
    background-color: black;
    z-index: 100;
    left: 530px;
    bottom: 150px;
    line-height: 30px;
}
.line:nth-of-type(5) {
    position: relative;
    width: 5px;
    height: 50px;
    background-color: black;
    z-index: 100;
    left: 700px;
    bottom: 200px;
}
.line:nth-of-type(6) {
    position: relative;
    width: 5px;
    height: 50px;
    background-color: black;
    z-index: 100;
    left: 850px;
    bottom: 255px;
}