body {
    background-color: #1A1A1D;
    color: white;
    margin: 0;
    padding: 0;
    font-family: 'Arial', sans-serif; /* Fallback font family */
  }

  /* Navbar styling */
  .navbar {
    padding: 1%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #212121; /* Dark grey background */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); /* Subtle shadow */
  }

a {
color: white;
}
  .navbar-title {
    display: flex;
    align-items: center;
    color: white;
  }

  .navbar-icon {
    width: 50px;  /* Icon width */
    height: auto; /* Maintain aspect ratio */
    margin-right: 10px;
  }

  nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
  }

  nav ul li {
    display: inline-block;
    margin-right: 20px;
  }

  nav ul li a {
    color: #F1F1F1; /* Light grey text for links */
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 10px;
    transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover */
  }

  nav ul li a:hover {
    background-color: #4CAF50; /* Green hover effect */
    color: white; /* Text stays white on hover */
    border-radius: 5px; /* Rounded corners on hover */
  }

  /* Media Queries for responsiveness */
  @media (max-width: 767px) {
    .navbar {
      flex-direction: column; /* Stack the navbar items vertically on small screens */
      align-items: flex-start; /* Align to the left */
    }

    nav ul {
      flex-direction: column;
      width: 100%;
    }

    nav ul li {
      margin-right: 0;
      margin-bottom: 10px;
    }
  }

  /* Konfitura class (assumed for layout) */
  .konfitura {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* Powered by section (if needed) */
  .powered img {
    width: 50px;  /* Adjust the desired width */
    height: auto; /* Maintain aspect ratio */
  }