#cover {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0vh;
    left: 0vw;
    z-index: 10;
    background-color: rgba(0.0, 0.0, 0.0, 0.5);
    transition: cubic-bezier(.68,-0.55,.27,1.55) all;
    transition-duration: 0.5s;
}

#configuration-popup {
    position: fixed;
    top: -140px; /* open at -9vh */
    height: 80px;
    width: 85vw;
    margin: auto;
    left: 5vw;
    z-index: 11;
    transition: cubic-bezier(.68,-0.55,.27,1.55) all;
    transition-duration: 0.5s;
    padding: 17px;
}

#configuration-text {
    position: absolute;
    bottom: 0px;
    padding: 1% 0%;
}

#archive-popup {
    position: fixed;
    width: 25vw;
    top: 8vh;
    right: -30vw; /* alterna tra -6 (aperto) e -30 (chiuso) */
    z-index: 11;
    transition: cubic-bezier(.68,-0.55,.27,1.55) all;
    transition-duration: 0.5s;

    section {
        top: 19%;
        left: 9%;
        width: 67%;
        overflow: scroll;
    }
}