body { 
  background: linear-gradient(to bottom, #1a1a1f, #2a2a33); 
  color: #f2e9e4; 
  font-family: sans-serif; 
} 
/* Cozy pastel heading */
h1 { 
  color: #f2e9e4; 
  font-family: "Trebuchet MS", sans-serif; 
  font-size: 2.5rem; 
  text-align: center; 
  margin-top: 40px; 
  letter-spacing: 1px; 
  text-shadow: 0 0 6px rgba(242, 233, 228, 0.3); 
}
 /* Pastel lavender links */ 
a { 
  color: #c7b8ff; 
  text-decoration: none; 
  font-weight: bold; 
  transition: 0.3s ease;
} 
a:hover { 
  color: #eac4ff; 
  text-shadow: 0 0 6px rgba(234, 196, 255, 0.4); 
/* Navigation bar container 
*/ nav { 
  width: 100%; 
  display: flex; 
  justify-content: center; 
  margin-top: 30px; 
  } 
  /* Horizontal list */ 
  .navbar { 
  list-style: none; 
  display: flex; 
  gap: 25px; 
  padding: 10px 20px; 
  background: rgba(255, 255, 255, 0.05); /* soft translucent panel */ 
  border-radius: 12px; backdrop-filter: blur(6px); 
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.08); 
  }
/* Remove bullets and spacing */ 
.navbar li { 
  margin: 0; 
  padding: 0; 
} 
/* Pastel links inside navbar */ 
.navbar a { 
  color: #c7b8ff; 
  text-decoration: none; 
  font-weight: bold; 
  font-size: 1.1rem;
  transition: 0.3s ease;
}
/* Hover glow */ 
.navbar a:hover {
  color: #eac4ff; 
text-shadow: 0 0 8px rgba(234, 196, 255, 0.6); 
}
  color: #eac4ff; 
text-shadow: 0 0 8px rgba(234, 196, 255, 0.6); }m;transition: 0.3s ease;