body {
  background-color: #800000; /* Burgundy background */
  color: #FFFFFF;            /* White text */
}

p {
   font-size: 18px;
   font-family: Arial, sans-serif;
}

li {
    font-size: 18px;
    font-family: Arial, sans-serif;
}

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

.styled-line {
  border: none;              /* remove default border */
  height: 2px;               /* thickness */
  background-color: #000000; /* black line */
  margin: 20px 0;            /* space above and below */
}

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

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

/* Unvisited links */
a:link {
  color: #FFFFFF;
  text-decoration: none;
}

/* Visited links */
a:visited {
  color: #FFFFFF;
}

/* Active links */
a:active {
  color: #FFFFFF;
}

/* Hover effect */
a:hover {
  color: #FFD700; /* Gold on hover */
  text-decoration: underline; /* optional for clarity */
}

nav ul {
  font-family: Arial, sans-serif;
  list-style: none;
  background-color: #800000;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column; /* stack items vertically */
  gap: 1rem;             /* space between items */
}

nav li {
  padding: 0.5rem 0;
}

nav a {
  color: black;
  text-decoration: none;
  font-weight: 500;
  display: block;       /* makes the whole line clickable */
}
nav a:hover {
  background-color: #800000;  /* highlight on hover */
  border-radius: 6px;
  padding-left: 0.5rem;
}