/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
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-button{ width:10px height:}
 
 .opener { position:absolute;
        top:50%;
        left:50%}
       
 .main{width:100px;
 height:100px;
 background-color:black;}
 
 
 .sidebar-button{background-color:#808080;
 color:black}
 
  .main{width:1500px;
  height:1000px; 
  background-color:black;
    }
 

 p{font-family: Verdana;}
 
 

 
 .maintext {
   width:300px;
   height:50px;
   height: 100%; 
   }