#box{
    display: grid;
   grid-template-columns:repeat(4,1fr);
   text-align: center;
   margin-top: 40px;
   

 
}
.data{
    border: 1px solid black;
    margin: 30px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px black;
    background-image: url("https://i.stack.imgur.com/LR5ab.png");
   background-size: cover;
   background-repeat: no-repeat;
}
#box img{
    height: 150px;
    width:150px;
}
#box button{
    margin: 10px;
    padding: 10px;
    border-radius: 10px;
    color: red;
    border: 2px solid black;
}
h1{
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    font-weight: 900;
    
}
.filtering{
   margin-top: 30px;
   text-align: center;
  
   
}
.filtering div{
    padding: 20px;
  margin: 5px;
    /* border-radius: 10px 20px 20px 0px;
    box-shadow: 0 0 5px blue; */
    box-shadow: 0 0 10px black;
    background-image: url("https://i.stack.imgur.com/LR5ab.png");
   background-size: cover;
   background-repeat: no-repeat;
    text-transform: capitalize;   
    color: black; 
    font-weight: 900;
}
.filtering div:hover{
    color: black;
}