.overlay{background:rgba(0,0,0,.7);bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .5s;visibility:hidden}.overlay:target{opacity:1;visibility:visible}.popup{background:#fff;border-radius:5px;margin:170px auto;padding:20px;position:relative;transition:all 5s ease-in-out;width:50%}.popup .close{color:#00989e;cursor:pointer;font-size:30px;font-weight:700;position:absolute;right:10px;top:0;transition:all .2s}.popup .close:hover{color:#00904a}.popup .content{height:650px;margin:15px;overflow-y:scroll;padding:30px}.showPopup{opacity:1!important;visibility:visible!important;z-index:10}@media screen and (max-height:850px){.popup .content{height:350px}}@media screen and (max-width:700px){.popup{padding:10px;width:90%}}