<!-- Any website -->
<div id="wrapper">
<div id="light"></div>
<div id="light"></div>
</div>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/97/The_Earth_seen_from_Apollo_17.jpg/599px-The_Earth_seen_from_Apollo_17.jpg" width=40% style="margin-left: auto; margin-right: auto; display: block"></img>
<div style="text-align: center">
<h1>That's a picture of the Earth</h1>
<h2>This is a smaller font than the one above</h2>
</div>
<div style="font-size: 20px">
a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34a;sdklf;aaaaaaaaaaaaaaaaaaaaaaajlpqoi2348901-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-1-589034u;rjhn;ksaldyhfpioaurn927834yp1uio23h4l;jk12h3p4uioryaspndf8907a-sd9n8fpu23io4189p374n-89123u4op1jk23n4ljksdhfpaiousdf7hn09q823471893n-189023n-cf19hjrejklasdhfansdj1vy098204u34</div>
#wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
height: 100%;
width: 100%;
position: fixed;
top: 0;
left: 0;
pointer-events: none;
}
#light {
background: conic-gradient(at 50% 110%, rgba(255, 255, 90, 0.2) 0deg, rgba(0,0,0,0.95) 25deg 335deg, rgba(255, 255, 90, 0.2) 360deg);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.