/* style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Playfair+Display:wght@700&display=swap');

body {
  background-color: #010409;      /* darker background for better contrast */
  color: #e6edf3;                 /* lighter text colour */
  font-family: 'Inter', sans-serif;
  margin: 0;
  line-height: 1.7;
}

.nav-bar {
  padding: 1.5rem 0;
  text-align: center;
  border-bottom: 1px solid #30363d; /* subtle divider */
}

.nav-title {
  font-family: 'Playfair Display', serif; /* elegant serif for the title */
  font-size: 2.2rem;
  margin: 0 0 .25rem;
  font-weight: 700;
}

.nav-links {
  font-size: 1rem;
  margin-bottom: 1rem;
}

.nav-links a {
  color: #58a6ff;
  margin: 0 .5rem;
  text-decoration: none;
  font-weight: 600;
}

.nav-links a:hover {
  color: #79c0ff;
}

.nav-separator {
  color: #6e7681;
}

main {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 1rem 2rem;
}

main h2, main h3 {
  margin-top: 2rem;
  margin-bottom: .5rem;
  font-weight: 600;
}

main ul {
  padding-left: 1.25rem;
}

main ul li {
  margin: .8rem 0;
}

a {
  color: #58a6ff;
}

a:hover {
  color: #79c0ff;
  text-decoration: underline;
}