.card {
    background-color: #414141;
    max-width: 150px;
    margin: auto;
    text-align: center;
    font-family: arial;
    overflow: hidden;
}

.card-img {
    margin: 3px 3px 0px;
    max-width: 144px;
    height: 160px;
}


.card-header {
    font-size: 19px;
    font-weight: 400;
    color: #ffffff;
}
    
.price {
    color: rgb(255, 254, 254);
    font-size: 19px;
}
    
.card-btn {
    border: none;
    outline: 0;
    margin-top: 5px;
    padding: 12px;
    color: #ffffff;
    background-color: #6d6f74;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    width: 100%;
    font-size: 18px;
}

.card-btn:hover,
.card-btn:active {
    background-color: #505052;
}

.column {
    float: left;
    width: 29.5%;
    padding: 10px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.pagination {
    background-color: transparent;
    text-align: center;
    width: 640px;
    min-height: 20px;
    margin: 5px;
}

/* css to product details view page */

.table-product {
    background-color: #414141;
}

.product-btn {
    border: none;
    outline: 0;
    padding: 12px;
    color: #3363ff;
    background-color: #d8e0fd;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    width: 40%;
    font-size: 18px;
}

.product-btn:hover,
.product-btn:active {
    background-color: #c2cffc;
}

.product2-btn {
    border: none;
    outline: 0;
    padding: 12px;
    color: #3363ff;
    background-color: #d8e0fd;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
    width: 40%;
    font-size: 18px;
}

.product2-btn:hover,
.product2-btn:active {
    background-color: #c2cffc;
}