header {
       display: block; 
       background-color: green;
       width: 100%;
       text-align: center; /* Centra il testo nel footer e header */
    }

    footer {
       display: block; 
       background-color: yellow;
       width: 100%;
       text-align: center; /* Centra il testo nel footer e header */
    }
    
    /* Forza i link dell'header ad andare sotto il logo dello squalo */
    header div {
       margin-top: 10px;
       width: 100%;
    }

    body {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        background-color: #f4f4f9;
        background-image: url('matrix.jpg');
        margin: 0;
        padding: 20px 0; /* Aggiunge spazio sopra e sotto nella pagina */
        color: #333;
        /* Rimosse le proprietà che bloccavano il layout verticale */
    }

    .container {
        display: block; 
        text-align: center;
        background: green;
        
        padding: 10px;
        border-radius: 15px;
        box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        max-width: 400px;
        width: 90%;
        margin: 40px auto; /* Centra il quadrato bianco nello schermo */
    }


        h1 {
            margin: 10px 0 5px 0; font-weight: bold; color: #ffffff; font-size: 2.2rem;
        }
        h2 {
            margin: 0 0 15px 0; font-weight: 300; color: #f4f4f9; font-size: 1.3rem;
        }

        .language-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 15px;
        }

        @media (min-width: 380px) {
            .language-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        .lang-button {
            display: block;
            padding: 15px;
            text-decoration: none;
            color: #fff;
            background-color: black;
            border-radius: 8px;
            transition: transform 0.2s, background-color 0.2s;
            font-weight: bold;
            margin: 0;
        }

        .lang-button:hover {
            background-color: #ffffff;
            transform: translateY(-3px);
            color: black;
        }

        .lang-button span {
            display: block;
            font-size: 0.8rem;
            font-weight: normal;
            margin-top: 5px;
            opacity: 0.9;
        }