.slidbar{
    position: fixed;
    z-index: 99;
    background-color: whitesmoke;
    box-shadow: -10px 0 10px aliceblue;
    display: none;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    row-gap: 30px;
    height:100%;
    width: 300px;
    left: -25%;
 }
 .slidbar li{
     width: 80%;
     left: 6%;
     display: flex;
     column-gap:10px ;
     position: relative;
   
 }
 .slidbar a{
     width: 100%;
     line-height: 1;
     text-align: left;
 }
 .menu-btn{
     display: none;
 }
 @media(max-width: 800px){
     .hideOnMobile{
         display: none;
     }
     .menu-btn{
         position: relative;
         display: block;
         left: 80%;
         background-color: rgb(201, 227, 250);
        padding-left: 2%;
        padding-right: 2%;
        padding-top: 1%;
        padding-bottom: 1%;
        border-radius: 10%;
     }
     .slidbar  div button{
         position: absolute;
         left: 70px;
     }
 
     
 }
 @media(max-width:800px){
     .slidbar{
         width: 60%;
     }
 
 }
 .but1{
    background-color: rgb(201, 227, 250);
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-radius: 10%;
 }
 .but1 a{
    margin-top: -5%;
    padding: 2%;
 }