.popup {

    display:       none;
    border-radius: 10px;

    background-color: white;

    position: absolute;
    top:      calc(1dvh + 70px);
    left:     5vw;

    width:    90vw;
    height:   calc(95dvh - 70px);

    overflow: auto;

    z-index:  3;

}

.popup::-webkit-scrollbar {

    display: none;

}

.popup-header {

    position:         sticky;

    background-color: white;

    width:  100%;
    height: 50px;

    top:    0;
    left:   0;

}

.popup-header-title {

    position: absolute;

    top:    0;
    left:   5%;

    width:  calc(90% - 50px);
    height: 50px;

}

.popup-header-title h2 {

    text-align:  left;
    margin-top: 15px;

}

.popup-header-button {

    position: absolute;

    top:    0;
    right: 5%;

    width:  50px;
    height: 50px;

}

.popup-header-button button {

    width:  50px;
    height: 50px;

    background-color: white;
    border:           none;

    text-align: right;
    font-size:  30px;

    padding: 0;
    cursor:  pointer;

}

.popup-content {

    width:         90%;

    margin-top:    20px;
    margin-bottom: 5%;
    margin-left:   5%;

    text-align:    center;

}

.popup button {

    width:  90%;
    height: 60px;

    left: 5%;

    background-color: white;

    border-width:  1px; 
    border-radius: 5px;

}

.popup-content img {

    width:  100%;
    height: auto;

    border-radius: 5px;

}