ul.sneak {
    /* margin-left: 50%; */
    margin: auto;
    padding: 0;
    white-space: nowrap;
    width: 80vw;
    height: auto;
    background-color: transparent;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: 16px;
    transition: ease-in 0.25s;
    float: bottom;
    scrollbar-width: auto;
    scrollbar-color: #8f54a0 #ffffff;
    z-index: 1;
    overflow-x: hidden; 
  }
 



  ul.sneak li {
    display: inline;
    width: 2vh;
    height: auto;
    margin: 3vh;
  }
  img.sneak
  {
    display: inline;
    height: 300px;
    width: auto;
    margin: 1vh;
    transition: ease-in 0.05s;
  }
  img.sneak:hover
  {
    transition: ease-in 0.05s;
    transform: scale(1.05);
  }
  div.sneak {
      margin-top: 2vh;
      float: bottom;
  }
  .noMobile
  {
   display: auto; 
  }
  @media (orientation:portrait){
      ul.sneak{
          width: 90vw;
          /* margin: auto;
          margin-left: none; */
          overflow-x: scroll; 
      }
      .noMobile
      {
display: none;
      }
      .Mobile
      {
        display: block;
      }
  }

  @media (orientation:landscape){
    .noMobile
    {
display: block;
    }
    .Mobile
    {
      display: none;
    }
}
  .sneak::-webkit-scrollbar {
    margin:auto;
    height: 1em;
  }
  
  .sneak::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  }
  
  .sneak::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(131, 0, 255, 1);
    background-image: linear-gradient(90deg, rgba(131, 0, 255, 1) 0%, rgba(0, 69, 255, 1) 100%);
  }
  
  .sneak::-webkit-scrollbar:vertical {
    display: none;
  }
  .center
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
  }
  input[type=range] {
    -webkit-appearance: none;

  }
  input[type=range]:focus {
    outline: none;
  }
  input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    -webkit-appearance: none;
    color: #ffffff;
    margin-top: 0px;
  }
  input[type=range]::-webkit-slider-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 0;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: -webkit-linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    background: -moz-linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    background: linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7px;
  }
  input[type=range]:focus::-webkit-slider-runnable-track {
    height: 2px;
    -webkit-appearance: none;
    color: #ffffff;
    margin-top: 0px;
  }
  input[type=range]::-moz-range-track {
    height: 2px;
    -webkit-appearance: none;
    color: #ffffff;
    margin-top: 0px;
  }
  input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 0px #000000;
    border: 0px;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: -webkit-linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    background: -moz-linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    background: linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    cursor: pointer;
  }
  input[type=range]::-ms-track {
    height: 2px;
  -webkit-appearance: none;
  color: #ffffff;
  margin-top: 0px;
  }
 
  input[type=range]::-ms-thumb {
    margin-top: 1px;
    box-shadow: 0px 0px 0px #000000;
    border: 0px;
    height: 18px;
    width: 18px;
    border-radius: 25px;
    background: -webkit-linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    background: -moz-linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    background: linear-gradient(to right, #4040FF 8%, #A63CA6 75%);
    cursor: pointer;
  }