body {width: 100%;
  min-height: 100vh;
   overflow-x: hidden; 
  position: relative;
  background-image: linear-gradient(
    #333232 0%,
    #333232 5%,
    #808080 5%,
    #808080 10%,
    #333232 10%,
    #333232 15%,
    #808080 15%,
    #808080 20%,
    #333232 20%,
    #333232 25%,
    #808080 25%,
    #808080 30%,
    #333232 30%,
    #333232 35%,
    #808080 35%,
    #808080 40%,
    #333232 40%,
    #333232 45%,
    #808080 45%,
    #808080 50%,
    #333232 50%,
    #333232 55%,
    #808080 55%,
    #808080 60%,
    #333232 60%,
    #333232 65%,
    #808080 65%,
    #808080 70%,
    #333232 70%,
    #333232 75%,
    #808080 75%,
    #808080 80%,
    #333232 80%,
    #333232 85%,
    #808080 85%,
    #808080 90%,
    #333232 90%,
    #333232 95%,
    #808080 95%,
    #808080 100% );

.sidebar{width:150px height:1000px
  height: 100%; 
  width: 160px; 
  position:fixed;
  z-index: 1; 
  top: 40; 
  left: 0;
  background-color: #111; /* Black */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 20px;}
 
 .sidebar-button{ width:10px height:100%;
 background-color:#808080;
 color:black;}