a.lightbox img{border:3px solid #fff;height:150px;margin:20px;box-shadow:0 0 8px #0000004d}.lightbox-target{opacity:0;background:#000000b3;width:100%;transition:opacity .5s ease-in-out;position:fixed;top:-100%;overflow:hidden}.lightbox-target img{box-sizing:border-box;border:3px solid #fff;max-width:0%;max-height:0%;margin:auto;transition:all .5s ease-in-out;inset:0;box-shadow:0 0 8px #0000004d}a.lightbox-close{box-sizing:border-box;color:#000;background:#fff;width:50px;height:50px;text-decoration:none;transition:all .5s ease-in-out;display:block;position:absolute;top:-80px;right:0}a.lightbox-close:before{content:"";background:#000;width:1px;height:30px;display:block;position:absolute;top:10px;left:26px;transform:rotate(45deg)}a.lightbox-close:after{content:"";background:#000;width:1px;height:30px;display:block;position:absolute;top:10px;left:26px;transform:rotate(-45deg)}.lightbox-target:target{opacity:1;top:0;bottom:0;overflow:scroll}.lightbox-target:target img{max-width:100%;max-height:100%}.lightbox-target:target a.lightbox-close{top:0}