*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
#home{
  width:100%;
  margin:auto;
}
#main1{
    display: flex;
    flex-direction: column;
    width:20%;
    margin-right: 10px;
    margin-left: 10px;
    }
    #main{
        display:flex;  
        flex-direction: row;
        height:30vh;
    }
    #filter,#filter1,#filter2{
      color: rgb(166, 163, 163);
      
    }
    
    #main1 #btn1:hover{
     color: white;
     background-color: black;
    }
    #product-container{
        width:90%;
        height:100vh;
        margin:auto;
        display:grid;
        grid-template-columns: repeat(4,1fr);
        gap:10px;
      }
      #product-container img{
        width:200px;
        height:300px;
      }
      #product-container div{
        border: 0px solid rgb(166, 163, 163);
      text-align: center;
      box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
      padding: 10px 10px;
      }
      img{
        width:100%;
      }
      #product-container div div img{
        width:20px;
        height:20px;
      }
      
      #product-container div div{
        text-align: end;
      }
      .btn{
        height: 50px;
        text-align: initial;
        background-color: white;
        border:1px solid rgb(241, 236, 236);
      }
      .para{
        color:rgb(166, 163, 163);
      }
      .para:hover{
        text-decoration-line: underline;
        text-decoration-color: black;
      }
      #para1:hover{
        text-decoration-line: underline;
        text-decoration-color: black;
      }