/* Reset dei margini e dei padding */
ul {
  margin: 0;
  padding: 0;
}

#navbar {
 justify-content: center;
  background-color: transparent; /* Colore di sfondo della navbar */
  overflow-x: auto; /* Abilita lo scrolling orizzontale */
}
#navbar span{
  font-weight: bold;
  color: red;
  margin: 15px;
}

#navbar ul {
  list-style: none; /* Rimuove i punti elenco */
  display: flex; /* Mostra gli elementi come flexbox */
  padding: 5px;
}

#navbar li {
  min-width:150px;
  background-color: #FFF;
  border-radius:25%;
  margin-right: 10px; /* Spazio tra gli elementi */
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); /* Ombra */
}

#navbar a {
  display: flex; /* Mostra gli elementi come flexbox */
  align-items: center; /* Allinea verticalmente al centro */
  text-decoration: none; /* Rimuove la sottolineatura del link */
  color: #000; /* Colore del testo */
  padding: 10px; /* Spazio interno */
  flex-direction: column; /* Organizza gli elementi in colonne */
  text-align: center; /* Allinea il testo al centro */
}

#navbar a img {
  width: 30px; /* Dimensione delle immagini */
  margin-bottom: 5px; /* Spazio sotto l'immagine */
}


.active{
    color:rgb(228,71,53);
    box-shadow: 0 2px 6px rgba(228,71,53, 0.1);
}

/* Per WebKit (Google Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* Larghezza della scrollbar */
}

::-webkit-scrollbar-track {
  background: #f1f1f1; /* Colore di sfondo della scrollbar */
}

::-webkit-scrollbar-thumb {
  background: trasparent; /* Colore del cursore della scrollbar */
}

::-webkit-scrollbar-thumb:hover {
  background: trasparent; /* Colore del cursore al passaggio del mouse */
}

/* Per Firefox */
scrollbar {
  width: 10px; /* Larghezza della scrollbar */
}

scrollbar-track {
  background: trasparent; /* Colore di sfondo della scrollbar */
}

scrollbar-thumb {
  background: trasparent; /* Colore del cursore della scrollbar */
}

scrollbar-thumb:hover {
  background: #555; /* Colore del cursore al passaggio del mouse */
}