/* static/css/styles.css */

body {
    font-family: system-ui, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f9f9f9;
    color: #333;
}

header, footer {
    background-color: #1e293b;
    color: white;
    padding: 1rem;
    text-align: center;
}

main {
    padding: 2rem;
    max-width: 800px;
    margin: auto;
}


.navbar-nav .nav-link:hover {
    background-color: #e9ecef; /* Light grey */
    border-radius: 5px;         /* Optional: rounded hover effect */
  }
  .navbar.fixed-top {
      top: 0 !important;
      z-index: 1030; /* ensures it's above other content */
      }

  body {
      padding-bottom: 70px; /* Adjust based on navbar height */
      }