@keyframes rainbow {
    0% { color: red; }
    14% { color: orange; }
    28% { color: yellow; }
    42% { color: green; }
    57% { color: blue; }
    71% { color: indigo; }
    85% { color: violet; }
    100% { color: red; }
  }

  .rainbow-text {
    animation: rainbow 7s linear infinite;
    position: sticky;
    top: 0%;
  } 

  #section1, #section2, #section3 {
    /* Existing styles for the sections */
  }
  
  #section1::-webkit-scrollbar,
  #section2::-webkit-scrollbar,
  #section3::-webkit-scrollbar {
    width: 6px;
    height: 12px;
  }
  
  #section1::-webkit-scrollbar-track,
  #section2::-webkit-scrollbar-track,
  #section3::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  #section1::-webkit-scrollbar-thumb,
  #section2::-webkit-scrollbar-thumb,
  #section3::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
  }
  
  #section1::-webkit-scrollbar-thumb:hover,
  #section2::-webkit-scrollbar-thumb:hover,
  #section3::-webkit-scrollbar-thumb:hover {
    background: #555;
  }