/* Base styles */
html, body {
  height: 100%;
  margin: 0;
  font-family: 'Segoe UI', sans-serif;
  color: #f0f0f0;

  background: url('pics/background.png') no-repeat center center fixed;
  background-size: cover;
}

/* Flex wrapper to push footer down */
body {
  display: flex;
  flex-direction: column;
}

/* Main content should expand */
main {
  flex: 1;
}

/* Navigation bar */
.navbar {
  background-color: #3a3a3a;
}

/* Site title (brand) */
.site-title {
  font-family: 'Cinzel Decorative', serif;
  font-size: 2rem;
  color: #d4af37; /* gold */
  text-shadow: 2px 2px 6px rgba(0,0,0,0.7);
}

/* Nav links styled medieval */
.navbar .nav-link {
  font-family: 'Cinzel Decorative', serif;
  color: #228b22 !important; /* emerald green, forced */
  font-weight: 600;
  letter-spacing: 1px;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

/* Hover effect: brighter gold with stronger glow */
.navbar .nav-link:hover {
  color: #ffd700 !important; /* brighter gold, forced */
  text-shadow:
    0 0 8px rgba(255, 215, 0, 1),
    0 0 16px rgba(255, 215, 0, 0.9),
    0 0 24px rgba(255, 215, 0, 0.8);
}

/* Hero section */
.hero {
  background: rgba(42, 42, 42, 0.8);
  padding: 4rem 2rem;
  text-align: center;
}

.hero h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
  font-family: 'Cinzel Decorative', serif;
  color: #d4af37;
  text-shadow:
    0 0 8px rgba(212, 175, 55, 1),
    0 0 16px rgba(212, 175, 55, 0.9),
    0 0 24px rgba(212, 175, 55, 0.8);
}

.hero p {
  font-size: 1.25rem;
  color: #ccc;
}

/* Content section */
section.container {
  padding: 2rem;
  background-color: rgba(28, 28, 28, 0.85);
  border-radius: 8px;
  margin-top: 2rem;
}

/* Footer */
.footer {
  background-color: #2a2a2a;
  color: #f0f0f0;
  padding: 1rem;
  text-align: center;
  font-size: 0.9rem;
}