.overlay{position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);transition:opacity 500ms;visibility:hidden;opacity:0;}
.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 .close{position:absolute;top:0px;right:10px;transition:all 200ms;font-size:30px;font-weight:bold;text-decoration:none;color:#333;}
.popup .close:hover{color:#06D85F;}
.popup .content{max-height:30%;overflow:auto;}
@media screen and (max-width:700px){.box{width:80%;}
.popup{width:80%;}
}