What is the history behind a traditional Greek feast and how has it evolved over time?

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f2f2f2;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
h1, h2, h3 {
text-align: center;
color: #003366;
}
img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 20px;
}
p {
line-height: 1.4;
margin-bottom: 20px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
li {
margin: 0 20px 20px 0;
flex-basis: calc(33.33% – 20px);
background-color: #f2f2f2;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
li img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto 10px;
}
li h4 {
margin: 10px 0;
color: #003366;
}
li p {
font-size: 0.9rem;
color: #666;
}
.recipe {
margin-top: 40px;
padding: 20px;
background-color: #f2f2f2;
border-radius: 5px;
}
.recipe h2 {
margin: 0 0 10px;
}
.recipe p {
font-size: 0.9rem;
color: #666;
}
.recipe ul {
margin: 0;
padding: 0;
list-style: none;
}
.recipe ul li {
margin-bottom: 5px;
}
.recipe ol {
margin: 0;
padding: 0;
list-style: decimal;
counter-reset: counter;
}
.recipe ol li {
margin-bottom: 10px;
counter-increment: counter;
padding-left: 20px;
position: relative;
}
.recipe ol li:before {
content: counter(counter) “.”;
position: absolute;
left: 0;
color: #003366;
font-weight: bold;
}
.recipe ol li:last-child {
margin-bottom: 0;
}
.recipe p:last-of-type {
margin-bottom: 0;
}
.intro {
margin-bottom: 40px;
}
.intro p {
margin: 0;
font-size: 1.2rem;
font-weight: bold;
color: #003366;
}
.outro {
margin-top: 40px;
text-align: center;
color: #999;
font-style: italic;
}