/* footer.css */

.footer {
  background-color: #061324;
  color: white;
  text-align: center;
  padding: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: #e8491d 3px solid;
  z-index: 1000;
  box-sizing: border-box;
}

/* Mythic hover effect for "Be Our Hero" */
.hero-link {
  color: #d4b46a;
  text-decoration: none;
  transition: color 0.3s ease, text-shadow 0.3s ease;
}

.hero-link:hover {
  color: #f7e7b2;
  text-shadow: 0 0 8px rgba(247, 231, 178, 0.8),
               0 0 12px rgba(247, 231, 178, 0.6);
}