body {
font-family: ‘Arial’, sans-serif;
background-color: #f9f9f9;
color: #333;
margin: 0;
padding: 0;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
header {
text-align: center;
padding: 20px 0;
}
header h1 {
font-size: 2.5em;
margin: 0;
color: #2a9d8f;
}
.hero {
background-color: #2a9d8f;
color: #fff;
text-align: center;
padding: 50px 20px;
}
.hero h2 {
font-size: 1.5em;
}
.section {
margin: 40px 0;
}
footer {
text-align: center;
padding: 20px 0;
font-size: 0.9em;
color: #888;
}