@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');

body {
    font-family: 'Patrick Hand', cursive; */
    margin: 16px;
    background-color: #f4f4f4;
}

.products-container {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.products-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.products-table img {
    width: 50px; /* Set desired width */
    height: auto; /* Maintain aspect ratio */
    object-fit: contain; /* Ensure it fits neatly */
}

.products-table th,
.products-table td {
    padding: 5px 5px;
    border: 1px solid #ddd;
    text-align: left;
	height: 15px;
}

.products-table th {
    background-color: #007BFF;
    color: white;
}

.products-table tr:nth-child(even) {
    background-color: #f9f9f9;
}
.delete-button {
    background-color: #e74c3c;
    color: white;
    border: none;
    padding: 6px 10px;
    cursor: pointer;
    border-radius: 4px;
}
.delete-button:hover {
    background-color: #c0392b;
}