html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Altezza totale della pagina */
            }


body {
    background-color: rgb(2, 5, 39);
    font-family: monospace;
     }
          
          
body{font-family: monospace;
     font-size: 100%;
     text-align: left
    }
     
     
#container {
    max-width: 850px;
    margin: 0 auto;
    text-align: left;
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    background-color: rgba(255, 255, 255, 0.1); /* opzionale per staccarlo dallo sfondo */
    padding: 1em;
}

          
/*stili generici, su header e footer*/
#header{background-color:#0e5f0e;
        color: #fff;
        display: flex; /* Usa Flexbox per centrare il contenuto */
    align-items: center; /* Centra verticalmente il testo */
    justify-content: flex-start; /* Posiziona il testo a sinistra */
    padding-left: 20px; /* Aggiungi un margine dal bordo sinistro */
        text-shadow: 3px 3px 5px black; /* Ombra scura per il testo */
    margin: 0; /* Rimuovi il margine del titolo */
       }

           
h1{
  margin: 0;
  padding:0;
  padding-left:0.5em;
  font: bold 2.3em/80px monospace;
  }

   
   
   
#footer{text-align:center;
        padding: 0.5em;
        background-color: #000;
        color: #fff
       }
        
        
#footer a{color: #fff;
          font-weight: bold;
          text-decoration: underline
         }
          
/*stili specifici per il layout*/
#navigation{background-color:rgb(85, 170, 16)
           }


#content{padding: 1em;
        background-color:#a5c2776e;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* X-offset, Y-offset, sfocatura, colore */
        color: black; /* Colore del testo */
        }



/*stili per la navigazione*/
#navigation ul{margin: 0;
              padding: 1;
              list-style-type: none;
              }
              
              
#navigation li{display: inline;/*margin: 0 0 0 1em;*/
              padding: 0
              } /*nota display: inline*/
              
              
#navigation a{color:#000;
             font: normal bold 1.2em/2.5em monospace;
             text-decoration: none
             }
             
             
#navigation a:hover{color: #fff;
                    text-decoration: underline
                    }
                    
                    
#navigation #activelink{color: #000;
                        text-decoration: none
                        }
                        
#container table {
    width: 100%;
    max-width: 700px;
}
                        
.marquee {width: 100%; /* La larghezza occupata dal testo scorrevole */
          overflow: hidden; /* Nasconde il testo che esce fuori */
          white-space: nowrap; /* Impedisce il ritorno a capo */
         }

.marquee h3 {display: inline-block; /* Mantiene il testo su una sola linea */
             animation: scroll 10s linear infinite; /* Applica l'animazione per il movimento del testo */
            }

@keyframes scroll {
  0% {transform: translateX(100%); /* Inizia da fuori a destra */}
  
  100% {transform: translateX(-100%); /* Finisce fuori a sinistra */}
                  }