div[lightbox]{position:fixed;left:100vw;width:100vh;background:0 0;height:100%;z-index:999999999;top:0}div[lightbox]:target{background:rgba(0,0,0,.75);left:0!important;z-index:9999999999;top:0!important}div[lightbox]>article,div[lightbox]>canvas,div[lightbox]>iframe,div[lightbox]>img,div[lightbox]>video{margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid snow;border-radius:3px;max-width:70%;max-height:70%;background:#000}div[lightbox]>article{width:100%;height:100%;color:snow;overflow-y:auto;padding:5px}div[lightbox]>iframe{background:snow;padding:0;color:snow;overflow-y:auto}div[lightbox]>h1,div[lightbox]>h2,div[lightbox]>h3{position:absolute;left:15%;right:15%;top:25;color:snow;text-shadow:-2px -2px red,2px 2px red,2px -2px red,-2px 2px red,-1px -1px red}div[lightbox],div[lightbox] *{transform:translate3D(0,0,0)}div[lightbox]>a[href="#screenarea"]{width:0;height:100%;background:0 0;background:-moz-linear-gradient(315deg,rgba(0,0,0,0) 90%,#fff 0);background:-webkit-linear-gradient(315deg,rgba(0,0,0,0) 90%,#fff 0);background:-o-linear-gradient(315deg,rgba(0,0,0,0) 90%,#fff 0);background:-ms-linear-gradient(315deg,rgba(0,0,0,0) 90%,#fff 0);background:linear-gradient(45deg,rgba(0,0,0,0) 90%,#fff 0);position:absolute;top:0;right:0;nav-index:-1;cursor:context-menu;transition:0s .6s}div[lightbox]:target>a[href="#screenarea"]{width:100%}div[lightbox]>a[href="#screenarea"]:after{content:"Close";position:absolute;top:-40px;right:-50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);font-size:36px;color:#000;text-align:right;cursor:pointer;display:none;padding:80px}div[lightbox]:target>a[href="#screenarea"]:after{display:block}