body {
  background-color: #f0f2f5; /* Light grey background */
  font-family: Arial, sans-serif; /* Clean, standard font */
  color: #1c1e21; /* Dark grey text (easier on eyes than black) */
  line-height: 1.5;
}


main {
  margin: 20px; /* Space outside */
  padding: 20px; /* Space inside */
  background-color: white; /* Contrast against the body */
}


h1, h2 {
  color: #4b0082; /* Indigo color */
  font-size: 2rem;
}


nav a {
  color: #4b0082;
  text-decoration: none; /* Removes underline */
  margin-right: 10px;
}

nav a:hover {
  text-decoration: underline; /* Shows underline only when hovering */
}


footer {
  border-top: 1px solid #ccc; /* Separator line */
  padding: 10px;
  font-size: 0.8rem;
  color: #666;
}


.special-text {
  background-color: #ffffcc; /* Light yellow highlight */
  padding: 5px;
}


#unique-header {
  text-transform: uppercase;
  letter-spacing: 2px;
}