/* Stile generale */
        body {
          font-family: Arial, sans-serif;
          margin: 0;
          padding: 0;
          color: #333;
        }
        
        /* Stile per la barra di navigazione */
        nav {
          background: white;;
          color: rgb(0, 0, 0);
          padding: 15px 20px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
          
        }
    
        nav .logo {
          display: flex;
          align-items: center;
        }
    
        nav .logo img {
          height: 50px;
          margin-right: 15px;
          border-radius: 8px;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }
    
        nav .logo span {
          font-size: 22px;
          font-weight: bold;
          text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
        }
    
       /*  nav a {
          color: rgb(223, 28, 28);
          text-decoration: none;
          margin: 0 15px;
          font-size: 16px;
          font-weight: bold;
          padding: 10px 15px;
          border-radius: 5px;
          transition: background-color 0.3s, transform 0.3s;
    
        }*/
    
       /*  nav a:hover {
          background-color: rgba(255, 255, 255, 0.2);
          transform: scale(1.1);
        }*/
    
        .container { /* immagine di sfond */
          padding: 50px;
          text-align: center;
          background: linear-gradient(135deg, #050591, #e3e8f0);
          min-height: calc(100vh - 80px);
          background-image: url('image/Background.png'); /* Ridimensiona l'immagine per adattarsi esattamente alla pagina */
        }
    
        .container h1 { /* Container bianco home page top */
          font-size: 36px;
          margin-bottom: 40px;
          color: #222;
          text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
        }
        .project-status-box { /* Container bianco home page */
          background-color: rgba(255, 255, 255, 0.6); /* Bianco trasparente */
          border-radius: 15px; /* Bordi arrotondati */
          padding: 20px; /* Spaziatura interna */
          text-align: center; /* Centratura del testo */
          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); /* Ombra per un effetto elevato */
          display: inline-block; /* Adatta alle dimensioni del contenuto */
          margin-bottom: 10px; /* Spazio sotto il box */
        }
        /* Stile per i pulsanti delle fasi*/
        .phasebox {
          width: 200px; 
          height: auto; 
          border-radius: 28px; 
          box-shadow: 0 8px 4px rgba(0, 0, 0, 0.5);
          margin: 20px;
        }

        /* Stile per il link della sezione */
        .section-link {
          margin: 0px;
          display: inline-block;
          font-size: 20px;
          border-radius: 10px;
          text-decoration: none;
          color: white;
          font-weight: bold;
          transition: transform 0.3s, box-shadow 0.3s;
        }