.main{
    width: 100%;
}
#filter-select{
    margin-left:85% ;
    margin-bottom: 20px;
    border: 1px;
    background-color: aqua;
    width: 10%;
    border-radius: 4px;
}
.h2{
    text-align: center;
    font-family: "Avenir Medium", sans-serif;
}
.productitems{
    width: 90%;
    
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4,4fr);
    grid-template-rows: repeat(4,4fr);
    gap: 15px;
}
.image{
    width: 100%;
    height: 370px;
}
.productitems>div:hover{
    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;
    border-radius: 10px;
}
.p{
    text-align: center;
    font-family: "Avenir Medium", sans-serif;
}
#btn{
    border:0px;
    border-radius: 4px;
    padding: 4px 4px 4px 4px;
    background-color: aquamarine;
    color: blue;
    cursor: pointer;
    margin-bottom:20px;
    margin-left: 38%;

}
#btn:hover{
    transform: scale(1.5);
    background-color: rgb(75, 203, 16); 
}