.box{margin-bottom:35px}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);transition:opacity 500ms;visibility:hidden;opacity:0;overflow:scroll;z-index:99999}.overlay:target{visibility:visible;opacity:1}.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:30%;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333}.popup .close{position:absolute;top:0;right:10px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#a9a9a9}.popup .close:hover{color:#3d4e62}.header-popup{min-height:2rem}.popup .content-popup{max-height:30%;overflow:auto}@media screen and (max-width:700px){.box{width:70%}.popup{width:70%}}