body {
    margin: 0;
    padding: 0;
    background-color: #82C09A;
    overflow: hidden;
}

.inferno {
    display: block;
    width: 25%;
    margin-left: auto;
    margin-right: auto;
    transition: transform 2300ms ease,margin-top 2300ms ease;
}

#Sup {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* Il wrapper controlla l'altezza visibile */
#middle-wrapper {
    position: relative;
    display: block;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    height: 0px;
    overflow: hidden;
    transition: height 2300ms ease;
}

#dentroBody {
    position: relative;
    z-index: 1;
}

#testo-dante {
    position: fixed;
    left: -50%;
    top: 47%;
    transform: translateY(-50%);
    width: 30%;
    color: #725752;
    font-family: 'IM Fell English', serif;
    font-size: 5.2em;
    transition: left 2300ms ease;
}

#middle-titolo {
    font-family: 'IM Fell English', serif;
    font-size: 1em;
    color: #725752;
    margin-bottom: 5%;
}

#middle-corpo {
    font-family: 'IM Fell English', serif;
    font-size: 0.5em;
    color: #725752;
    margin-top: 5%;
    transition: margin-top 2300ms ease;
}

#testo-middle {
    position: fixed;
    top: 40%;
    left: 76.3%;
    width: 40%;
    transform: translate(-50%, -50%);
    color: #725752;
    font-size: 2.9em;
    text-align: center;
    opacity: 0;
    transition: opacity 2500ms ease, top 2300ms ease, left 2300ms ease, font-size 2300ms ease;
    z-index: 1;
}

#testo-finale {
    position: relative;
    margin-top: 200%;
    left: 50%;
    bottom: -20%;
    transform: translateX(-50%);
    width: 60%;
    text-align: center;
    color: #725752;
    font-family: 'IM Fell English', serif;
    font-size: 2em;
    opacity: 0;
    transition: margin-top 2300ms ease, opacity 2300ms ease, top 2300ms ease;
    z-index: 1;
}

#middle {
    display: block;
    width: 100%;
    margin-bottom: 0;
}

#Inf {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 0;/* rimuove spazio extra sopra */
}

.inferno img, #middle-wrapper {
    display: block;
    margin-bottom: 0;
    padding: 0;
}