::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: pink; 
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: brown; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

#scrollbars > div:nth-child(1) { top: 10%; left: 5%; }
#scrollbars > div:nth-child(2) { top: 50%; left: 20%; }
#scrollbars > div:nth-child(4) { top: 30%; left: 60%; }
#scrollbars > div:nth-child(5) { top: 5%; left: 80%; }
#scrollbars > div:nth-child(6) { top: 70%; left: 10%; }
#scrollbars > div:nth-child(7) { top: 20%; left: 40%; }
#scrollbars > div:nth-child(8) { top: 60%; left: 70%; }

#scrollbars {
    width: 100%;
    height: auto;
    justify-content:space-around;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
#scrollbars > div {
    /* background: red; */

    overflow-y: scroll;
    overflow-x: scroll;

    flex-grow: 0;
    margin-top:10vh;
    margin-bottom:10vh;
}
#scrollbars > div > div {
    height: 500%;
}


/* DJ */

#scrollbars > div:nth-child(1)::-webkit-scrollbar { width: 60px }
#scrollbars > div:nth-child(1)::-webkit-scrollbar-track:vertical { background: green }
#scrollbars > div:nth-child(1)::-webkit-scrollbar-track:horizontal { background: rgb(121, 5, 255) }
#scrollbars > div:nth-child(1)::-webkit-scrollbar-thumb { background: red }
#scrollbars > div:nth-child(1)::-webkit-scrollbar-thumb:vertical { background: coral }
#scrollbars > div:nth-child(1)::-webkit-scrollbar-thumb:horizontal { background: #f0f }
#scrollbars > div:nth-child(1)::-webkit-scrollbar-thumb:vertical:hover { background: yellow }
#scrollbars > div:nth-child(1)::-webkit-scrollbar-thumb:horizontal:hover { background: rgb(51, 255, 0) }
#scrollbars > div:nth-child(1)::-webkit-scrollbar-button { background: purple }

#scrollbars > div:nth-child(1) { 
  height: 40vw; 
  width: 40vw; 
  border-radius: 100%;
}

/* DOG 1 */

#scrollbars > div:nth-child(2) > div { height: 150% }
#scrollbars > div:nth-child(2)::-webkit-scrollbar { width: 45px }
#scrollbars > div:nth-child(2)::-webkit-scrollbar-track:vertical { background: cornflowerblue }
#scrollbars > div:nth-child(2)::-webkit-scrollbar-track:horizontal { background: #7fff4c }
#scrollbars > div:nth-child(2)::-webkit-scrollbar-thumb:vertical { background: coral }
#scrollbars > div:nth-child(2)::-webkit-scrollbar-thumb:horizontal { background: #f0f }
#scrollbars > div:nth-child(2)::-webkit-scrollbar-thumb:hover { background-color: deeppink; }
#scrollbars > div:nth-child(2)::-webkit-scrollbar-button { background-color: plum; }

#scrollbars > div:nth-child(2) { 
  position:absolute; top: 1150px; left: 800px;
  height: 30vw; 
  width: 40vw; 
}

/* TEETH */

#scrollbars > div:nth-child(3) > div { height: 120% }
#scrollbars > div:nth-child(3)::-webkit-scrollbar { width: 50px }
#scrollbars > div:nth-child(3)::-webkit-scrollbar-track:vertical { background: rgb(95, 199, 241) }
#scrollbars > div:nth-child(3)::-webkit-scrollbar-track:horizontal { background: rgb(127, 153, 8);}
#scrollbars > div:nth-child(3)::-webkit-scrollbar-thumb:vertical { background: rgb(127, 153, 8);}
#scrollbars > div:nth-child(3)::-webkit-scrollbar-thumb:horizontal { background: rgb(95, 199, 241) }
#scrollbars > div:nth-child(3)::-webkit-scrollbar-thumb:hover { background-color: rgb(241, 198, 41); }
#scrollbars > div:nth-child(3)::-webkit-scrollbar-button { background-color: rgb(83, 191, 122); }

#scrollbars > div:nth-child(3) { 
  position:absolute; top: 1850px; left: 75px;
  height: 35vw; 
  width: 75vw; 
}

/* WINDOW BOYS */

  #scrollbars > div:nth-child(4) > div { height: 150% }
  #scrollbars > div:nth-child(4)::-webkit-scrollbar { width: 60px }
  #scrollbars > div:nth-child(4)::-webkit-scrollbar-track:vertical { background: rgb(224, 255, 88);}
  #scrollbars > div:nth-child(4)::-webkit-scrollbar-track:horizontal { background: rgb(47, 255, 0);}
  #scrollbars > div:nth-child(4)::-webkit-scrollbar-thumb:vertical { background: deeppink }
  #scrollbars > div:nth-child(4)::-webkit-scrollbar-thumb:horizontal { background: rgb(255, 0, 0) }
  #scrollbars > div:nth-child(4)::-webkit-scrollbar-thumb:hover { background-color: rgb(87, 112, 171); }
  #scrollbars > div:nth-child(4)::-webkit-scrollbar-button { background-color: rgb(224, 255, 88); }

  #scrollbars > div:nth-child(4) { 
    height: 20vw; 
    width: 60vw; 
    border-radius: 70%;
  }

/* DOG 2 */

  #scrollbars > div:nth-child(5) > div { height: 150% }
  #scrollbars > div:nth-child(5)::-webkit-scrollbar { width: 20px }
  #scrollbars > div:nth-child(5)::-webkit-scrollbar-track:vertical { background: rgb(170, 61, 233) }
  #scrollbars > div:nth-child(5)::-webkit-scrollbar-track:horizontal { background: rgb(228, 39, 105) }
  #scrollbars > div:nth-child(5)::-webkit-scrollbar-thumb:vertical { background: rgb(56, 176, 64) }
  #scrollbars > div:nth-child(5)::-webkit-scrollbar-thumb:horizontal { background: rgb(210, 103, 27) }
  #scrollbars > div:nth-child(5)::-webkit-scrollbar-thumb:hover { background-color: rgb(20, 243, 255); }
  #scrollbars > div:nth-child(5)::-webkit-scrollbar-button { background-color: plum; }

  #scrollbars > div:nth-child(5) { 
    position: absolute; left: 140px; top: 1150px;
    height: 20vw; 
    width: 40vw; 
  }

/* BACK TATTOO */
  
    #scrollbars > div:nth-child(6) > div { height: 150% }
    #scrollbars > div:nth-child(6)::-webkit-scrollbar { width: 70px }
    #scrollbars > div:nth-child(6)::-webkit-scrollbar-track:vertical { background: rgb(36, 81, 164) }
    #scrollbars > div:nth-child(6)::-webkit-scrollbar-track:horizontal { background: rgb(147, 148, 149) }
    #scrollbars > div:nth-child(6)::-webkit-scrollbar-thumb:vertical { background: rgb(255, 224, 252) }
    #scrollbars > div:nth-child(6)::-webkit-scrollbar-thumb:horizontal { background: rgb(56, 165, 238) }
    #scrollbars > div:nth-child(6)::-webkit-scrollbar-thumb:hover { background-color: rgb(245, 172, 63); }
    #scrollbars > div:nth-child(6)::-webkit-scrollbar-button { background-color: plum; }

      #scrollbars > div:nth-child(6) { 
        position:absolute; top: 20px; left: 1000px;
        height: 30vw; 
        width: 30vw; 
        border-radius: 100%;
      }

      /* SKY */

      #scrollbars > div:nth-child(7) > div { height: 180% }
      #scrollbars > div:nth-child(7)::-webkit-scrollbar { width: 55px }
      #scrollbars > div:nth-child(7)::-webkit-scrollbar-track:vertical { background: rgb(126, 50, 50) }
      #scrollbars > div:nth-child(7)::-webkit-scrollbar-track:horizontal { background: rgb(255, 11, 11) }
      #scrollbars > div:nth-child(7)::-webkit-scrollbar-thumb:vertical { background: rgb(255, 236, 26) }
      #scrollbars > div:nth-child(7)::-webkit-scrollbar-thumb:horizontal {background-color: cadetblue;}
      #scrollbars > div:nth-child(7)::-webkit-scrollbar-thumb:hover { background-color: rgb(44, 73, 215); }
      #scrollbars > div:nth-child(7)::-webkit-scrollbar-button { background-color: plum; }

      #scrollbars > div:nth-child(7) { 
        position:absolute; top: 2450px; left: 450px;
        height: 20vw; 
        width: 65vw; 
      }
    

         /* MILES DAVIS */

        #scrollbars > div:nth-child(8) > div { height: 150% }
        #scrollbars > div:nth-child(8)::-webkit-scrollbar { width: 27px }
        #scrollbars > div:nth-child(8)::-webkit-scrollbar-track:vertical { background: rgb(127, 233, 61) }
        #scrollbars > div:nth-child(8)::-webkit-scrollbar-track:horizontal { background: rgb(224, 233, 61) }
        #scrollbars > div:nth-child(8)::-webkit-scrollbar-thumb:vertical { background: rgb(132, 28, 137) }
        #scrollbars > div:nth-child(8)::-webkit-scrollbar-thumb:horizontal { background: rgb(174, 104, 178) }
        #scrollbars > div:nth-child(8)::-webkit-scrollbar-thumb:hover { background-color: rgb(78, 95, 123); }
        #scrollbars > div:nth-child(8)::-webkit-scrollbar-button { background-color: plum; }

        #scrollbars > div:nth-child(8) { 
          position:absolute; top: 2800px; left: 50px;
          height: 70vw; 
          width: 30vw; 
          border-radius: 80%;
        }
  

           /* BINDE */

          #scrollbars > div:nth-child(9) > div { height: 200% }
          #scrollbars > div:nth-child(9)::-webkit-scrollbar { width: 35px }
          #scrollbars > div:nth-child(9)::-webkit-scrollbar-track:vertical { background: rgb(233, 61, 116) }
          #scrollbars > div:nth-child(9)::-webkit-scrollbar-track:horizontal { background: rgb(95, 144, 100) }
          #scrollbars > div:nth-child(9)::-webkit-scrollbar-thumb:vertical { background: rgb(113, 126, 227) }
          #scrollbars > div:nth-child(9)::-webkit-scrollbar-thumb:horizontal { background: rgb(176, 162, 56) }
          #scrollbars > div:nth-child(9)::-webkit-scrollbar-thumb:hover { background-color: rgb(152, 199, 180); }
          #scrollbars > div:nth-child(9)::-webkit-scrollbar-button { background-color: plum; }

          #scrollbars > div:nth-child(9) { 
            position:absolute; top: 3300px; left: 600px;
            height: 50vw; 
            width: 30vw;
          }
  

             /* JEANS */

            #scrollbars > div:nth-child(10) > div { height: 120% }
            #scrollbars > div:nth-child(10)::-webkit-scrollbar { width: 20px }
            #scrollbars > div:nth-child(10)::-webkit-scrollbar-track:vertical { background: rgb(255, 142, 4) }
            #scrollbars > div:nth-child(10)::-webkit-scrollbar-track:horizontal { background: rgb(21, 134, 26) }
            #scrollbars > div:nth-child(10)::-webkit-scrollbar-thumb:vertical { background: rgb(255, 120, 192) }
            #scrollbars > div:nth-child(10)::-webkit-scrollbar-thumb:horizontal { background: rgb(72, 150, 181) }
            #scrollbars > div:nth-child(10)::-webkit-scrollbar-thumb:hover { background-color: rgb(29, 95, 99); }
            #scrollbars > div:nth-child(10)::-webkit-scrollbar-button { background-color: plum; }

            #scrollbars > div:nth-child(10) { 
              position:absolute; top: 2900px; left: 1160px;
              height: 20vw; 
              width: 20vw;
            }
          
               /* DANCE */

              #scrollbars > div:nth-child(11) > div { height: 310% }
              #scrollbars > div:nth-child(11)::-webkit-scrollbar { width: 15px }
              #scrollbars > div:nth-child(11)::-webkit-scrollbar-track:horizontal { background: rgb(160, 38, 204) }
              #scrollbars > div:nth-child(11)::-webkit-scrollbar-track:vertical { background: rgb(109, 170, 107) }
              #scrollbars > div:nth-child(11)::-webkit-scrollbar-thumb:horizontal { background: rgb(188, 222, 75) }
              #scrollbars > div:nth-child(11)::-webkit-scrollbar-thumb:vertical { background: rgb(234, 97, 70) }
              #scrollbars > div:nth-child(11)::-webkit-scrollbar-thumb:hover { background-color: rgb(174, 182, 12); }
              #scrollbars > div:nth-child(11)::-webkit-scrollbar-button { background-color: plum; }
              
              #scrollbars > div:nth-child(11) { 
                position:absolute; top: 4150px; left: 250px;
                height: 30vw; 
                width: 20vw;
              }
           

                 /* BLONDIE */

                #scrollbars > div:nth-child(12) > div { height: 120% }
                #scrollbars > div:nth-child(12)::-webkit-scrollbar { width: 85px }
                #scrollbars > div:nth-child(12)::-webkit-scrollbar-track:vertical { background: rgb(4, 180, 255) }
                #scrollbars > div:nth-child(12)::-webkit-scrollbar-track:horizontal { background: rgb(223, 96, 181) }
                #scrollbars > div:nth-child(12)::-webkit-scrollbar-thumb:vertical { background: rgb(183, 120, 255) }
                #scrollbars > div:nth-child(12)::-webkit-scrollbar-thumb:horizontal { background: rgb(42, 251, 175) }
                #scrollbars > div:nth-child(12)::-webkit-scrollbar-thumb:hover { background-color: rgb(52, 232, 242); }
                #scrollbars > div:nth-child(12)::-webkit-scrollbar-button { background-color: plum; }

                #scrollbars > div:nth-child(12) { 
                  position:absolute; top: 4250px; left: 650px;
                  height: 35vw; 
                  width: 45vw;
                  border-radius: 70%;
                }
          

                   /* FACE */

                  #scrollbars > div:nth-child(13) > div { height: 150% }
                  #scrollbars > div:nth-child(13)::-webkit-scrollbar { width: 45px }
                  #scrollbars > div:nth-child(13)::-webkit-scrollbar-track:vertical { background: rgb(175, 198, 236) }
                  #scrollbars > div:nth-child(13)::-webkit-scrollbar-track:horizontal { background: rgb(131, 112, 155) }
                  #scrollbars > div:nth-child(13)::-webkit-scrollbar-thumb:vertical { background: rgb(253, 143, 32) }
                  #scrollbars > div:nth-child(13)::-webkit-scrollbar-thumb:horizontal { background: rgb(163, 190, 147) }
                  #scrollbars > div:nth-child(13)::-webkit-scrollbar-thumb:hover { background-color: rgb(223, 134, 210); }
                  #scrollbars > div:nth-child(13)::-webkit-scrollbar-button { background-color: plum; }

                  #scrollbars > div:nth-child(13) { 
                    position:absolute; top: 4900px; left: 500px;
                    height: 45vw; 
                    width: 30vw;