style.css

*{
   margin: 0px;
   padding: 0px;
   box-sizing: border-box;
}
#main{
   margin: 10px;
   display: flex;
   gap: 50px; 
   justify-content: center; 
   flex-wrap: wrap;
   /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
}
.item{
   box-shadow: rgb(157, 157, 184) 5px 7px 29px 5px;
}
.item:hover{
   box-shadow: rgb(3, 128, 245) 5px 7px 29px 5px;
   transition: 1.1;
}
.item img{
   filter: drop-shadow(10px 10px 5px #d3d3d3);
   padding-top: 20px;
   height: 35vh;
   border-radius: 5px;
}
.card img:hover{
   scale: 1.1;
   transition: 1.1s;
}
.btn1{
   background-color: blue;
   color: #fff;
   border: none;
   border-radius: 20px;
   margin-top: 10px;
   padding: 10px 20px;
}
.btn1:hover{
   background-color: green;
   transition: 1.1s;
}
.name{
   padding-top: 20px;
}
.card{
   border-radius: 10px;
}