body {
    margin: 1rem;
    /* margin-left: 15rem;
    margin-right: 15rem; */
    padding: 0px;
    background-color: #121212;
    font-size: small;
    font-family: 'Noto Serif', serif;
    color: rgb(213, 217, 220);
    height: 100vh;
    /* height: 100vh; */
}

.bordi {
    margin: 3rem;
}

.bordino {
    /* background-color: green; */
    border: solid 2px grey;
    padding: 1rem;
}

.centralizzatore {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
    flex-wrap: wrap;
    gap: 1em;
}

.interfaccia-sequenza {
    width: 60vw;
    height: 60vw;
}

a {
    color: rgb(213, 217, 220);
}

h1 {
    font-size: xx-large;
}

p {
    font-size: large;
}

.immagine {
    width: 100vw;
    height: 70vw;
    /* border: 5px solid white; */
    background-repeat: no-repeat;
}

#video {
    width: 90vw;
    height: 50vw;
    background-repeat: no-repeat;
}

#overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 24px;
    cursor: pointer;
}

#homemovies {
    height: 10vh;
    width: 15rem;
    background-image: url("media/logohomemovies.webp");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

/* netscapes */

#img-1 {
    background-image: url("media/netscapes1.webp");
    background-size: 110%;
    background-position: center;
    /* background-repeat: no-repeat; */
}

#img-2 {
    background-image: url("media/netscapes2.webp");
    background-size: contain;
    background-position: center;
}

#img-3 {
    background-image: url("media/netscapes3.webp");
    background-size: contain;
    background-position: center;
}

#img-4 {
    background-image: url("media/netscapes4.webp");
    background-size: contain;
    background-position: center;
}

#img-5 {
    background-image: url("media/netscapes6.webp");
    background-size: contain;
    background-position: center;
}

#img-9 {
    background-image: url("media/netscape9.webp");
    background-size: contain;
    background-position: center;
}

#img-10 {
    background-image: url("media/netscape8.webp");
    background-size: contain;
    background-position: center;
}

#img-13 {
    background-image: url("media/netscape7.webp");
    background-size: contain;
    background-position: center;
}

#img-24 {
    background-image: url("media/netscape10.webp");
    background-size: contain;
    background-position: center;
}

#img-19 {
    background-image: url("media/netscape11.webp");
    background-size: contain;
    background-position: center;
}

#img-23 {
    background-image: url("media/netscape12.webp");
    background-size: contain;
    background-position: center;
}

#img-22 {
    background-image: url("media/netscape13.webp");
    background-size: contain;
    background-position: center;
}


/* thiscouldbeus */

#img-6 {
    background-image: url("media/tcbu2.webp");
    background-size: contain;
    background-position: center;
}

#img-7 {
    background-image: url("media/tcbu1.webp");
    background-size: contain;
    background-position: center;
}

#img-8 {
    background-image: url("media/tcbu3.webp");
    background-size: contain;
    background-position: center;
}

/* i<3bologna */

#img-11 {
    background-image: url("media/ibologna1.webp");
    background-size: contain;
    background-position: center;
}

#img-12 {
    background-image: url("media/ibologna2.webp");
    background-size: contain;
    background-position: center;
}

#img-14 {
    background-image: url("media/ibolgona3.webp");
    background-size: contain;
    background-position: center;
}

#img-15 {
    background-image: url("media/ibologna4.webp");
    background-size: contain;
    background-position: center;
}

#img-18 {
    background-image: url("media/ibologna5.webp");
    background-size: contain;
    background-position: center;
}

#img-25 {
    background-image: url("media/ibolgona6.webp");
    background-size: contain;
    background-position: center;
}

#img-26 {
    background-image: url("media/ibolgona7.webp");
    background-size: contain;
    background-position: center;
}

#img-27 {
    background-image: url("media/ibolgona8.webp");
    background-size: contain;
    background-position: center;
}

#img-28 {
    background-image: url("media/ibolgona9.webp");
    background-size: contain;
    background-position: center;
}

/* !CONA */

#img-16 {
    background-image: url("media/icona1.webp");
    background-size: contain;
    background-position: center;
}

#img-17 {
    background-image: url("media/icona2.webp");
    background-size: contain;
    background-position: center;
}

#img-29 {
    background-image: url("media/icona3.webp");
    background-size: contain;
    background-position: center;
}

/* Corporalia */

#img-21 {
    background-image: url("media/murano.webp");
    background-size: contain;
    background-position: center;
}

#img-30 {
    background-image: url("media/giudecca.webp");
    background-size: contain;
    background-position: center;
}

#img-31 {
    background-image: url("media/santerasmo.webp");
    background-size: contain;
    background-position: center;
}

/* GOL GOL GOL */


#img-32 {
    background-image: url("media/golgolgol1.webp");
    background-size: contain;
    background-position: center;
}

#img-33 {
    background-image: url("media/golgolgol2.webp");
    background-size: contain;
    background-position: center;
}

/* CHIESA */

@media (max-width: 768px) {

    /* body {
        margin-left: 1rem;
        margin-right: 1rem;
    } */

    .interfaccia-sequenza {
        width: 90vw;
        height: 90vw;
    }

    .bordi {
        margin: 1rem;
    }

    #img-34 {
        background-image: url("media/chiesa0.webp");
        background-size: contain;
        background-position: center;
    }
    
    #img-35 {
        background-image: url("media/chiesa2.webp");
        background-size: contain;
        background-position: center;
    }
    
    #img-36 {
        background-image: url("media/chiesa3.webp");
        background-size: contain;
        background-position: center;
    }
    
    #img-37 {
        background-image: url("media/chiesa4.webp");
        background-size: contain;
        background-position: center;
    }
}

#img-34 {
    background-image: url("media/chiesa0.webp");
    background-size: contain;
    background-position: center;
}

#img-35 {
    background-image: url("media/chiesa2.webp");
    background-size: contain;
    background-position: center;
}

#img-36 {
    background-image: url("media/chiesa3.webp");
    background-size: contain;
    background-position: center;
}

#img-37 {
    background-image: url("media/chiesa08.webp");
    background-size: contain;
    background-position: center;
}

#img-38 {
    background-image: url("media/Chiesa_logo_white.svg");
    background-size: contain;
    background-position: center;
}

#img-39 {
    background-image: url("media/chiesa09.webp");
    background-size: contain;
    background-position: center;
}

#img-40 {
    background-image: url("media/chiesa_scontorno.webp");
    background-size: contain;
    background-position: center;
}

#img-42 {
    background-image: url("media/chiesa05.webp");
    background-size: contain;
    background-position: center;
}

#img-43 {
    background-image: url("media/chiesa06.webp");
    background-size: contain;
    background-position: center;
}

#img-44 {
    background-image: url("media/chiesa07.webp");
    background-size: contain;
    background-position: center;
}

#img-45 {
    background-image: url("media/chiesa10.webp");
    background-size: contain;
    background-position: center;   
}

/* scintilla */

#img-41 {
    background-image: url("media/scintilla.webp");
    scale: 0.9;
    background-size: contain;
    background-position: center;
    height: 30vw;
}

/* icaro */

#img-47 {
    background-image: url("media/icaro_1.webp");
    background-size: contain;
    background-position: center;
    width: 97vw;
}

#img-48 {
    background-image: url("media/icaro_2.webp");
    background-size: contain;
    background-position: center;
    width: 97vw;
}

#img-49 {
    background-image: url("media/icaro_3.webp");
    background-size: contain;
    background-position: center;
    width: 97vw;
}

#img-46 {
    background-image: url("media/icaro_4.webp");
    background-size: contain;
    background-position: center;
    box-shadow: inset 0 0 5rem 5rem #121212;
}