body {

    margin: 0;

    font-family: Arial, sans-serif;

    background: #f5f5f5;

    color: #222;

}



header {

    background: url('../img/header.jpg') center/cover no-repeat;

    padding: 80px 20px;

    height: 400px;

    text-align: center;

    color: white;

}



header h1 {

    font-size: 48px;

    margin: 0;

}



nav {

    background: #111;

    padding: 12px;

    text-align: center;

}



nav a {

    color: white;

    margin: 0 15px;

    text-decoration: none;

    font-weight: bold;

    transition: color 0.3s ease, transform 0.2s ease;

}



nav a:hover {

    color: #00aaff;

    transform: translateY(-1px);

}



.lang-switch {

    text-align: center;

    margin-top: 10px;

}



.lang-switch button {

    padding: 6px 14px;

    margin: 5px;

    border: none;

    background: #0077cc;

    color: white;

    cursor: pointer;

    border-radius: 4px;

    transition: background 0.3s ease, transform 0.2s ease;

}



.lang-switch button:hover {

    background: #005fa3;

    transform: translateY(-1px);

}



section {

    max-width: 900px;

    margin: 30px auto;

    background: white;

    padding: 40px;

    border-radius: 8px;

    opacity: 0;

    transform: translateY(10px);

}



section.fade-in {

    animation: fadeInUp 0.6s ease forwards;

}



h2 {

    border-left: 5px solid #0077cc;

    padding-left: 10px;

}



.profile-img {

    width: 200px;

    border-radius: 50%;

    display: block;

    margin: 20px auto;

    box-shadow: 0 4px 10px rgba(0,0,0,0.3);

}



footer {

    text-align: center;

    padding: 20px;

    color: #666;

}



/* Animazioni */



@keyframes fadeInUp {

    from {

        opacity: 0;

        transform: translateY(10px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}