<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>xd</title><link href="https://fonts.googleapis.com/css?family=Anonymous+Pro" rel="stylesheet"><style>
         body{display:flex;align-items:center;justify-content:center;flex-flow:column;height:100vh;font-family:"Anonymous Pro",monospace;text-align:center;background-color:#202040}h1{font-size:6vw;color:#fff;position:relative}h1:before{content:attr(data-before);word-break:break-all;opacity:0.5}h1:after{content:attr(data-after);word-break:break-all;opacity:0.5}
  </style></head><body><h1></h1><script>
  var dictionary = "0123456789qwertyuiopasdfghjklzxcvbnm!?></\\a`~+*=@#$%".split('');

  var el = document.querySelector('h1');

  var ran = function() {
    return Math.floor(Math.random() * dictionary.length);
  }

  var ranString = function(amt) {
    var string = '';
    for (var i = 0; i < amt; i++) {
      string += dictionary[ran()];
    }
    return string;
  }

  var init = function(str) {
    var count = str.length;
    var delay = 50;

    el.innerHTML = '';

    var gen = setInterval(function() {
      el.setAttribute('data-before', ranString(count));
      el.setAttribute('data-after', ranString(count));
      if (delay > 0) {
        delay--;
      }
      else {
        if (count < str.length) {
          el.innerHTML += str[str.length - count - 1];
        }
        count--;
        if (count === -1) {
          clearInterval(gen);
        }
      }
    }, 32);
  }

  // Run the animation for 2 seconds automatically
  setTimeout(function() {
    init('Decrypted...');
  }, 500);  // Delay start of animation by 0.5 seconds for smoother effect
</script></body></html>