/* styles.css */
    .nav-rebpic.navbar {
      width: 100%;
      background-color: #1e88e5;
      padding: 10px 0;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 100;
      display: flex;
      justify-content: center;
    }
    .nav-rebpic.navbar ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: flex;
    }
    .nav-rebpic.navbar ul li {
      margin: 0 20px;
      position: relative;
    }
    .nav-rebpic.navbar ul li a {
      text-decoration: none;
      color: white;
      font-size: 1.2em;
      padding: 10px 20px;
      display: inline-block;
    }
    .nav-rebpic.navbar ul li a:hover {
      text-decoration: underline;
    }
    .nav-rebpic.navbar .dropdown-content {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background-color: #1976d2;
      min-width: 160px;
      z-index: 1;
      border-radius: 4px;
    }
    .nav-rebpic.navbar .dropdown-content a {
      color: white;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
    }
    .nav-rebpic.navbar ul li:hover .dropdown-content {
      display: block;
    }
    .nav-rebpic.navbar .dropdown-content a:hover {
      background-color: #1565c0;
    }
    img {
      max-width: 100%;
      height: auto;
      margin-top: 20px;
    }

    /* Mobile Styles */
    @media (max-width: 400px) {
      h1 {
        font-size: 0.5em;
      }
      p {
        font-size: 0.5em;
      }
      .nav-rebpic.navbar .container {
        padding: 15px;
      }
      .nav-rebpic.navbar ul {
        flex-wrap: nowrap; /* Allows the items to wrap if screen is too narrow */
        justify-content: center; /* Ensures the navbar is centered on mobile */
      }
      .nav-rebpic.navbar ul li {
        margin: 5px 3px; /* Reduce margin between navbar items */
      }
    }