#popup {
    display:none;
    /*display:flex;*/
}

    #popup div.popup-container {
        position:fixed;
        top:0;
        left:0;
        height:100vh;
        width:100vw;
        background:#00000038;
    }

        #popup div.popup-container div.popup-page{
            background:white;
            position:fixed;
            top:2em;
            bottom:2em;
            left:2em;
            right:2em;
            box-shadow: 0px 0px 10px #878686;
            /*border-top:5px solid var(--green);*/
            padding:1em;

            display:flex;
            flex-direction:column;
        }


        #popup div.popup-container div.popup-close{
             position:fixed;
             z-index:10000;
             top:2.5em;
             right:2.5em;
             height:2em;
             line-height:2em;
             width:2em;

             background:white;
             text-align:center;
             border-radius:100px;
             box-shadow: 0px 0px 10px #b7b7b7;
             cursor:pointer;
        }