<!-- Any website -->
<div id="wrapper">
</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 {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  background: conic-gradient(at var(--X) var(--Y), rgba(255, 255, 90, 0.2) 0deg, rgba(0,0,0,0.95) 25deg 335deg, rgba(255, 255, 90, 0.2) 360deg);
}
function update(e){
  var x = e.clientX || e.touches[0].clientX;
  var y = e.clientY || e.touches[0].clientY;

  document.getElementById('wrapper').style.setProperty('--X', x + 'px');
  document.getElementById('wrapper').style.setProperty('--Y', y + 'px');
}

document.getElementById('wrapper').style.setProperty('--X', 0 + 'px');
document.getElementById('wrapper').style.setProperty('--Y', 0 + 'px');

document.addEventListener('mousemove', update);
document.addEventListener('touchmove', update);

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.