body {
font-family: Arial;
margin:0;
}

header {
display:flex;
justify-content:space-between;
background:#0a5c2f;
color:white;
padding:15px;
}

nav a {
color:white;
margin:10px;
text-decoration:none;
}

.hero {
background:#1faa59;
color:white;
text-align:center;
padding:80px;
}

.container {
width:90%;
margin:auto;
padding:20px;
}

.cards {
display:flex;
gap:20px;
flex-wrap:wrap;
}

.card {
background:#f4f4f4;
padding:20px;
border-radius:10px;
}

.btn {
background:#0a5c2f;
color:white;
padding:10px 20px;
border:none;
}