body {
        color: #000;
        background-color: #fff;
        font-family: Arial, sans-serif;
        line-height: 1.6;
      }
      h1, h4, p, ul.nav a, footer {
        color: #000;
      }
      h1 img {
        max-width: 300px;
      }
      h4 {
        font-style: italic;
      }
      ul.nav {
        margin-top: 20px;
        padding-bottom: 15px;
        border-bottom: 1px solid #000;
      }
      ul.nav a {
        color: #000;
        text-decoration: none;
      }
      ul.nav a:hover {
        text-decoration: underline;
      }
      ul.nav .nav-item:not(:last-child) {
        margin-right: 10px;
      }
      .container {
        max-width: 800px;
        margin: auto;
        padding: 20px;
      }
      ul li {
        margin-bottom: 5px;
      }
      footer {
        padding: 20px 0;
        border-top: 1px solid #000;
        font-size: 0.875rem;
        text-align: center;
      }
      a {
        color: #000;
        text-decoration: underline;
      }
      a:hover {
        color: #555;
      }
      img.img-responsive {
        width: 100%;
        height: auto;
      }
      footer {
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    font-size: 0.9em;
    color: #666;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    position: fixed;
    bottom: 0;
    width: 100%;
}