.slider {
    position: relative;
    width: 100%;
    max-width:480px;
    height: 382px;
    overflow: hidden;
    margin:0 auto;
    margin-top:40px;
    margin-bottom:40px;

}

/* tutte le immagini sovrapposte */
.slide {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    opacity: 0;
    animation: fade 24s infinite;
}

/* ritardi per farle apparire una alla volta */
.slide1 {
    animation-delay: 0s;
}

.slide2 {
    animation-delay: 2s;
}

.slide3 {
    animation-delay: 4s;
}

.slide4 {
    animation-delay: 6s;
}

.slide5 {
    animation-delay: 8s;
}

.slide6 {
    animation-delay: 10s;
}

.slide7 {
    animation-delay: 12s;
}

.slide8 {
    animation-delay: 14s;
}

.slide9 {
    animation-delay: 16s;
}

.slide10 {
    animation-delay: 18s;
}

.slide11 {
    animation-delay: 20s;
}

.slide12 {
    animation-delay: 22s;
}


/* animazione: una sola visibile alla volta */
@keyframes fade {
    0% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    16% {
        opacity: 1;
    }

    24% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}





/* corpo testo */

main{width: 100%; max-width:340px; margin: 0 auto; font-family:"Orbitron", sans-serif;  color:#043891; }
footer{width: 100%; max-width:340px; margin: 0 auto; padding-left:10px; padding-right:10px;}
.testo h1{font-size:20px; line-height:24px; font-weight:700; color:#043891; text-align:justify;}
.testo p{font-size:16px; line-height:22px; font-weight:400; color:#043891; text-align:justify;}

.contatti {font-size:12px; color:#043891; text-align:center; margin-top:30px;}
.contatti a{color:#043891;}

/* credits */

.credits{height:60px; margin:0 auto; margin-top:10px; display: flex; gap: 15px; align-items: center; margin-bottom:100px;}
.bollino-bump{width:50px;}
.bollino-bump img{width:50px;}
.testo-credits{font-size:15px; color:#e20612; font-family:"Orbitron";}
.testo-credits a{color:#e20612;}