.popup{align-items:center;background-color:rgba(0,0,0,.7);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:5px;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:80%}.close-popup{color:#333;cursor:pointer;font-size:24px;position:absolute;right:15px;top:10px}.popup.active{display:flex}