.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0;z-index:1}.overlay:target{visibility:visible;opacity:1}.popup{margin:10px auto;padding:20px;background:#fff;border-radius:5px;width:40%;height:auto;position:relative;transition:all 1s ease-in-out}.popupn1{margin:2px auto;padding:10px;background:#fff;border-radius:5px;width:80%;height:99%;position:relative;transition:all 1s ease-in-out}.popupn1 .closen1{position:absolute;top:0;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}.popup h2{margin-top:0;color:#069;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;top:15px;right:25px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#069}.popup .close:hover{color:#069}.popup .content{width:100%;height:98%;overflow:auto}.popupn1 .contentn1{width:100%;height:95%;overflow-y:scroll}.popupn2{margin:2px auto;padding:10px;background:#fff;border-radius:5px;width:80%;height:99%;position:relative;transition:all 1s ease-in-out}.popupn2 .closen2{position:absolute;top:0;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#333}@media screen and (max-width:700px){.box{width:70%}.popup{width:70%}}