<script type="text/javascript"
        src="https://www.patternsinthevoid.net/Browser-Ponies/basecfg.js"
        integrity="sha384-b9Hd0OREQjKgTONUlJ+5jaTGXdgZxt/JBrDcirRQUglJCmfFO3s6geQ0phDJj12Z"
        crossorigin="anonymous"
        id="browser-ponies-config">
</script>
<script type="text/javascript"
        src="https://www.patternsinthevoid.net/Browser-Ponies/browserponies.js"
        integrity="sha384-G0HxYtQdJAjJvVUbpajfCCssPAcPcSswhOYCpGYOYgdnvRvw151BHcdjd9wkMPXq"
        crossorigin="anonymous"
        id="browser-ponies-script">
</script>
<script type="text/javascript">
    /* <![CDATA[ */
          (function (cfg) {
            BrowserPonies.setBaseUrl(cfg.baseurl);
            BrowserPonies.loadConfig(BrowserPoniesBaseConfig);
            BrowserPonies.loadConfig(cfg);
          })
          ({"baseurl":"https://www.patternsinthevoid.net/Browser-Ponies/",
            "fadeDuration":500,
            "volume": 1,
            "fps": 35,
            "speed": 4,
            "audioEnabled": true,
            "showFps": false,
            "showLoadProgress": true,
            "speakProbability": 0.8,
            "dontSpeak": false,
            "spawn": {
              "fluttershy": 1,
              "pinkie pie": 1,
              "rainbow dash": 1,
              "rarity": 1,
              "twilight sparkle": 1,
              "zapp": 1,
              "princess luna (season 1)": 1,
              "queen chrysalis": 1,
              "raven": 1,
              "changeling": 1,
              "cloudchaser": 1,
              "blossomforth": 1,
            },
            "autostart": true
           }
          );
          /* ]]> */

      function togglePonies() {
        var main = document.getElementById('main');
        var browserPonies = document.getElementById('browser-ponies');
        if (browserPonies) {
          if (browserPonies.style.visibility === '') {
            browserPonies.style.visibility = 'hidden';
            main.style.zIndex = '100000000';
          } else {
            browserPonies.style.visibility = '';
            main.style.zIndex = '';
          }
        }
      };

    //document.addEventListener("DOMContentLoaded", function() { togglePonies(); });
</script>

<style type="text/css">
        body {
          font-size: 9pt;
          color: #c0c0c0;
          background-color: #080808;
        }
        a, a.visited {
          font-family: serif;
          font-size: 12pt;
          color: #606060;
          text-decoration:none;
        }
        pre {
          text-align: left;
          font-size: 7.5pt;
        }
        table {
          width: 300;
          border: 0;
          margin: auto;
          padding: 0;
          align: center;
        }
        #whoo {
          color: #606060;
          margin: auto;
          align: center;
          text-align: center;
          text-transform: uppercase;
        }
        .cute {
          margin: auto;
          align: right;
          position: absolute;
          top: 2%;
          text-align: left;
        }
        #canary, #canary>a, #canary~pre {
          color: #ccbb25;
          right: 14%;
          text-align: left;
          font-size: 7.5pt;
        }
        #pwnie, #pwnie>a, #pwnie~pre {
          color: #8888ff;
          right: 2%;
          font-size: 5pt;
        }
        #main {
          position: relative;
          background: #080808;
          margin: -10px;
        }
       .container {
          padding: 1%;
        }
</style>