Description

body {
font-family: Arial, sans-serif;
background-color: #f7f7f7;
margin: 0;
padding: 0;
color: #333;
}
.header {
background-color: #d9d9d9;
padding: 20px;
text-align: center;
border-bottom: 4px solid #e30613;
}
.header h1 {
font-size: 2em;
margin: 0;
color: #000;
}
.container {
max-width: 1200px;
margin: 20px auto;
padding: 20px;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: border 0.3s, box-shadow 0.3s;
}
.container:hover {
border: 2px solid #e30613;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.section {
margin-bottom: 30px;
}
.section h2 {
font-size: 1.8em;
margin-bottom: 10px;
color: #e30613;
text-align: center;
}
.section p, .section li {
font-size: 1em;
line-height: 1.6;
text-align: justify;
color: #333;
}
.product-list {
list-style: none;
padding: 0;
}
.product-item {
margin-bottom: 20px;
padding: 15px;
background-color: #f7f7f7;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s, transform 0.3s;
}
.product-item:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: scale(1.05);
}
.product-item h3 {
color: #e30613;
margin-bottom: 10px;
}
.product-item p, .product-item li {
font-size: 0.95em;
line-height: 1.5;
color: #333;
}