/* General Styling */
body {
  margin: 0;
  font-family: 'Arial', sans-serif;
  background: linear-gradient(to right, #ffe6f0, #eaf7ea); /* pastel pink to light green */
  color: #333;
  text-align: center;
}

/* Navbar */
.navbar {
  background: #ffb6c1; /* light pink */
  padding: 15px;
}
.navbar a {
  background: black;        /* black button background */
  color: white;             /* white text */
  margin: 0 10px;
  padding: 8px 15px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  transition: 0.3s;
}
.navbar a:hover {
  background: #8FBC8B; /* sage green hover */
  color: white;
}

/* Hero */
.hero {
  padding: 50px 20px;
  background: #8FBC8B; /* sage green */
  color: white;
}
.hero h1 {
  font-size: 2.5rem;
  margin-bottom: 10px;
  color: white;
}

/* Content Container */
.container {
  background: white;
  margin: 30px auto;
  padding: 20px;
  border-radius: 12px;
  width: 80%;
  max-width: 800px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

/* Section Headings */
h2 {
  color: #ff69b4; /* soft pink */
}

/* Footer */
footer {
  background: #8FBC8B; /* sage green footer */
  color: white;
  padding: 10px;
  margin-top: 30px;
}