body {
  font-family: Arial, sans-serif;
}

header {
  background: #333;
  color: white;
}

h1, h2, h3 {
  font-weight: bold;
}

footer {
  background: #222;
  color: white;
}

#portfolio {
  padding-top: 5rem; /* Adds space above the entire section */
  padding-bottom: 5rem;
}

#portfolio h2 {
  margin-top: 3rem;      /* Space above the Portfolio heading */
  margin-bottom: 2.5rem; /* Space below the Portfolio heading */
  font-size: 2.5rem; /* Font size for the Portfolio heading */
}

#portfolio .card {
  margin-top: 1.5rem;    /* Optional: extra space between cards */
}

nav {
  position: sticky;
  top: 0;
  z-index: 1020; /* Ensures the navbar stays above other content */
}