.logo {
  font-family: Arial, Helvetica, sans-serif;
  color:white;
  font-size:20px;
}


/* Navbar styles */
.navbar {
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  padding: 1rem 2rem;
  background: linear-gradient(120deg, #0a2342 0%, #185a9d 60%, #002E5D 100%);
  z-index: 100;
  font-weight:bold;
}

.navbar ul {
  display: flex;
  list-style: none;
}

.navbar li {
  margin-left: 20px;
}

.navbar a {
  font-family: "Roboto", sans-serif;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-decoration: none;
}

.navbar a:hover {
  text-decoration: underline;
}

.navbar-links li {
  margin-left: 20px;
}

.navbar-links {
  display: flex; /* Desktop view: show navbar items */
}

@media (max-width: 800px) { 

.navbar-links li {
  margin-left: 0;
  font-size:12px;
}

.navbar li {
  margin-left: 10px;
}

.navbar {
  display:block;
  padding: 10px;
  
}



}