#main{
    margin-top: 2%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr; 
    gap: 25px;
}
#category-div{
    text-align: center;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 15px; 
    border-radius: 12px; 
}
#category-div a{
    text-decoration: none;
    color: black;
    transition: 0.3s;
    font-size: 17px;
}
#category-div a:hover{
    color:#18bc9c;
}
@media (max-width: 768px){
    #main{
        grid-template-columns: repeat(1, 1fr);
    } 
}