Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                header
  h1 Good Old Windows Memories

.window
  .header
    .title Choose Setup Language
    //- .btn-info
      span ?
    .btn-close
      span x
  .main
    .image
    p Select the language for this installation from the choices below.
    .select
      select
        option English
    button(type="ok")
      span OK
    button(type="cancel")
      span Cancel

.bsod
  .bsod-center
    .title
      span Windows
    p A fatal exception 0E has occured at 0028:C0014FCA. The current
      | application will be terminated.
    p * Press any key to terminate the current application.
    p * Press CTRL+ALT+DEL again to restart your computer. You will
      br
      span  lose any unsaved information in all applications.
    .action Press any key to continue
      span
        u &nbsp;
        
    
.error-wav
  audio
    source(src="data:audio/mp3;base64,//uQwAAAAAABLgAAACAAACXAAAAE//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Ta3W2uNEgAf2kjbSEG0ERZkeeGPAHgLMbxKS9IxyRj1TIk5jaL20Hmmh+KNONr/erRKv7v40BSMrS7ZH+DAWCDiBRBNcoHp85P/YBP////////////////////////////////9YdmaHiY3+uhAM6I14y//uQwMYAIyABLgAAACAAACXAAAAE2iKDNcJ6MjYjIxqhmjIOQwNh6HA3+EsjD6CVMTIewxyATDD/DdMR4yQzTB9AUJgYJYLJgvCDGFcEOY5wkRgoiFmKGKWYQIjRk0EfGGytOcOLPJi+L0Ge4NAYNQyRj3D9GQgQEYwgaRgaAaGB0BcMAMjoGA8CqYEQEhgqBDGD4BoYDgFAFBxMG0GIxCA/DBYAjAgJRgtgsmEOD6YI4G48DGSg5mGODyYGgNxgIAVmBSBCPAsmBiC2YNoJIIBAMCACkwTwQzAlAZCAD2tFQAgHAONyW6im3YwBAFgUAwxkwDgCAwABRNob6Jblp3OiKkC/7bvsmooOoA5EhdxnCpGUQy0Nr8Fy+IQ4/kMLog2tvWWG6+fdVLHQ9tuppZaalJRqOfWAAAyrVIwiEw88Ak1DcU+ySk9LA8RAeYrCMeDnyZsEucrFmfdiUYMAgPACGAuY1AcbZieaUmYoSgMKBsYITQ9Q3hPBd4Yqe1DKAcumUCx2s2HJ5pAU3wsHyhpKQRhIQYCblBGNFSuDAwxt//uQwP+ADKhjI6w96SSbHaS+veABkOTNnDW2ozAZggSJBaTSziIJAoKuowMFScLnCw60tdCc5gQMRCYQiQEnIpcp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imBi1AqpRYcAukW5LTNGb8ZARDU3C4i76FQydNd1WWN8t8voFDoZsGVWLvhVpeEKkVRmkxGshdBnkIELRZGIUrrYQPNTZKvVtS0JJBSNEDQ0pqmiudQN//uQwP+AGsTvU65jC3rWnen1zGVu/gqtmaC0eDhl2VAF9qnLiswYMRWVgQzWmoKqVCRDy2xAFYdQcs0rHD0XWusZ6i2i6G4JwsnZRArjNwTDWp1uLyQ7EY22752sf///////////////////////////////yQAAXJLddUAZTmB11xmOFAFDiBgO1NKCjZ6glREboOCiVI/KGQeAvNAKhU6YIGnyBp/OKNhIYJD5RJdKKbOnDCCKxo/spBQDOFhzILV+YCxgCl7QO4kUMErBoGLBL6Wa3BVZByAzNDFiWRqMFzhoNejaIIgUlBrjo4OC4C4GHl3RoNaKD7hIGpeEQMOoXrQn0BQksrKv9QNgJYBQqZDGUN2Jteb5LVGwcAm20gh1KHVe0/SjrcHWlTBQlv5JroADkLwyw4PfuzR1AUBWkFyQUDLYAgARJDroDmIUKK6MgIFTaIhhYwFESwaLEXScaFgKEwnKF2xYe0WmWKgo5qCcXkqGxTpDK+T5S0BUY03EmU5sNQO0YhcRkL0JJt1cEQDZnQKnmDCNUoICGRTw//uQwP+AGmjxT65jC7Linan1zGVvXK6rF2utzVQa6w1W9+X7UxTtesiMpsoAshN1FRHhTaGxYqebjspSEdW+8FNH38iVWibDn83PxCmppid////////////////////////////////////////////////////////JAJJbkk11ABqkTHVmUZyHBi4HCoHEgoIgOysUACE4xOBV1CNL+WobFRFImtBiUsGB0q+SKrkOSDBo2MAiqXKpH9RXSuGhqxshAWkgLa7GGMoSWFRotRp0Fb19QdGpkoSHHXiL3WHKMiUBgCs155S7JClmzeM6XyuBDB5EdxIaasZglgLRWIoJWHx5W1wyEk6teGoObGAhLwUsZWrgv+7jrSFSS4ou6d5zZPhBL6PrA1Wait8kAkqSS3XwAGTCRtXSZedGKCQsBlrUdU+0iy6iMSSBZReEobYs2X0LIhBRZwVAgoGMrTCww4Ik0HES+zUXkfRpJEDZVcLjlvDBRlFgQDJiwkKLkFDVB4CCyYfnC2DrFh/N9mcvYtIeJFoW/GADX0jVJJWL//uQwP+AGwjtTU3nC3LPHen1zGFu3RfRagli6swkEGhvElWSvk5TdY3SN0MMFcYAFAaCRHCA5doRh1+tzdmLmTHrqa0x2KOTK6ep27cryikmK8hy5hqTf///////////////////////////////////////////////+gqv8l10QByFsZzPGOoLMTDQABAY4ALnVeVQgzcHZy2QMIyysjqRqMyoJStV4W+BJiAqCQRBRSblp0GMl9Q7jLH4Lvs0DlkB0pAMBROCpcMpDMo/LnYc4ECKFO0tZK1qirzGBjaZyHwsYQHPI1VBGlxkRmEvozJHlJMQCFALvlrCluPA6YjKXBHmqFOYmAoY1l8nLYyx6UGRjLk5m0ae6E7J+Q3HZ6dgmXzlLyU0tF9NzJBEpElu23b0AG2VadOlQiIhjUEOohmYCCAKHzPDAYDJgkschW6LqRoVCmIKiZQXd0rkvQXAcZAILGZ8gAX6XRkJMIti3rLkp5KguN2LwMKXcEABUHFTliJhEuTa7WGQIq5AY0lLZTdShlyQ6SxMaB02SUCp//uQwP+AGzTtT63rS3LIHempvGFu1SjTUwiQyyC0BtKW2rtNR8STeNqif6nnsS9Z8dkFUDC2DJiI+r5FQtBV45tJJY02NiUqeaLPZCIUzSUaiLwXvlPP//////////////////////////////////////////////IKJJTkt10ABkR3m4pySCcODAUALKzBQkM4kJwBUAl7G3Jdq2rEcguaGVfouCnhGNGMSfimRKRM1t1uOKqvLxkbckibBjlhBoxqDrQcABilMAMWMml8C0ZVDBgACH8OThMUEgAFcnyoEIwQuKDChIUtGOgq8S3SRaQzVLRfREEick6JDNf9D90GnTalr1urFxCGWyAIrdWLQ4xNard1BaRPVzHYl1eITT8TFiVSeVP7H+y95LIgkpJuW3XQAGJbCbNNJgAKMXDAskuFA0DgmX9LUg4GMAEfQUJpi8WBGkqHNq6grqLJUsIQrcRuCoGWsQUksycGFF2JOgMVGhqITmhLKYJcEt2j6oeNGdDIvgoI4ziMIWCEokiXpTrY2oCq5GdI0QFVyTFZ//uQwP+AGvDvU65jC3LRnSm1zGVuus2dWALeAgK/RoKF7KaCTtin043VbRuzHFY2HOKsR651drIX6gx6rcsi7d6WpHew3XitHjKM+TuH////////////////////////////////////////////////////////////////kAkpOW27agAxEATl6qeYGAZsCcJVAwODCxE3RoIRgElaZDjbCDjdy5KG65KJTYSgzFlK9xODDkik8Fcl6U1EKEbJxbJIFPsUM7Zddp6SZEAsNB4ErZWueCWdXnuZC2iCYqAd1qD5pOpLJ5TSd7jMyIaiUi9iJaXhC8IuQuBzYsX8EA2iMUYm50w4rnM2THjzpTkSi69YadKQRJ8FBU4ntT4jbdnFW7NSCMxPK7VtxvoklFKSy3b1AHJRBiQqbUOmShZeBdic6XjIkAAsSsMGDgJaYceBphacXSyGnIUF8jCcSGPERMcIs0DrLDJds2ISqugFogQECBMpjS1XTXkQxAOLLpRRLlKXJbLCUS3llsFBBUw5hnrXl1JCrvAyFso+MdLj//uQwP+AG4TpT65jC3K/Hen1zGFuFxVohCC9cPnZgRghSDhBE7aEogESCCMA6KF4SYaWwtWsnAgNY9FmlEwTCEOO/zaNkYCwiIxSrAsQbi3OUSNwIKgmgoXUp8///////////////////////////////////////////IBJSkst10QBm+pGbEiDg8DREyIMCbBRADWxJlBAzUSZeWBIxIpBdqVReAumagvYXRNVxKSaLRiRlpvWVstiZhUo49A4BuBKcUIGokcLjDMIg/w0FZBdxCNn6hjWYIEwpTLOQ4rsQDpqpOOqWrWMnanJGW7iIDjMvLPlTqkAAqkZXDjK0+YBWIyFqkNNadNTZTJDZdr+SZYrgLD1oBfCipKGrdfh0ZbN1aWNRqiluOp7RiggBJKSW3bQAGGWRhEsY6CmWDr5F+klXWEgQGg5noQoEQkMqngqG00rWZqYAaaTyqGGPICDGKo8pS7XK5hjlPSAkREAhMXCpoywumiqq4swvhR5FNVQe6tqCBKjxpRNFbgioJKhEoS1BxWcu+mCXOYmrUhJ//uQwP+AGzjvT63jC3rJHim1zGF2T8JAl4EASCtGDSKnNYUblmpjJnoBl/E1E/GwphpWxFgLcS/9LAzT2Jv6nRHGfQ+/7yOQ99DUty6Nb5LLMxP0C3/////////////////////////////////////////////////////////5JZKMtt32gAMfozJzowYuNxAAADoKFqw4OSsIAFCB1DDpPpY0YbkNBQnIcRLrPDAFA9JUsgh+VBF/wwdKREXKhrXAIJQgBbZYolZrbTEvnuf4ZYIno2OUbSIjoHoTXaFRpzRdkaogoKOlyEaU6iaUfWaylkK2F8AIIiNDCL7Ipl0HuTcZ41hS1gatiCGNumrqWOXWirYmyuJAdqMciLKWp3JfOzdS5Rzdmj3PZNAAlklyW7XQAEuM3T8xJ01QhiJcUhBl8xkEquh1UOLfpAw+5qhyBJYkPBAaZQ8GSBcS1aAAiA5SdMCmtYtNSCPY0RkIAEmcnwEfhDYldpdiRS/ykBIiRRcRX6v1A0R1VU5qYqBRffl4hABfi/TaWdeKQLVh//uQwP+AG9TrTa3nC3q0HWn1vGFvStaioyAqnV69aPyiiebTbjBWMjI4kwpuy2S5KYrVGLJIKPISY/AVDF4xDFIxKA28dh/Z2thBGVSbw32P///////////////////////////////////////////////////////////////////////4JLKcku32gAKzQ8cABw2stFIaBIno7lD4VDFAKfAMUjGVKDqrB01iFq1Jt+wxD1ERC5EwKAZ5IYLTRaFB8cDhqrGY+DRRUsNAcV34+IhEPl7l8GmJGjRZf1XyBqt5qCSJcEobOxFmL9o2kiBVLX/Nvw3GH3uXohS0poyx19WHmVEv1hrcH/dF2WHRfapmTLxjMcb2QxyxViUxVzpZZLfvcr0lNfy3/0gglJuS27bQAGWth0KIWvJShSkaChUAWGYSh+LC6pxpwkZNMNIVSAuzehz0EzOi87hihHWL7JgFyEwWaI6oAS1RfVAUsCsppKoyQsZjLIiz51CgoDxlCGAjg0Z01UNkAa132Y40Fi5MZ+yUrjpXISG2aO/i//uQwP+AHJTvS61jC3KdHen1rGVuFiISy0yggUMqQReh97JW0NAgwZ82QMurLrjGToyFja+2buKqNclLfmI3V1hD1vvK9+N7psrX5f///////////////////////////////////////////////////////////////////////////+ACio5Ld9oADc6EyxNE1K0yVYlBkthCAIyyKuDSWCaD7gpQiIROUR2om8TKlFXRD0FQStsETjyIIm1Byn4UdV0pNNEaGBRSlPlTpACVFp2gISez0ozJrxOB0flqFQZNQtsOBUgimxpgS6BUrDUcIZL4uC48EsuUyTlQPR9kMvg+KOKpw46wqOECQp1FHYHYSzFrrvuwtSRuVBVyKUcap6/al+cpLtrtv1gkpRO3bf7QAApOf4WYsMc9Mm2hyYIXwTFGQKICkC+2UKQpHCDykPRYSCJYN3FntnFulwEUYaiWIgOpWUlTxIEiIYcBIlZ5iHSKywyFwM7RTSZao/LXFaHRavAzXlDVIl+ZLADBWDvzAsal88yVP+JMFnH///uQwP+AHGzrTa3jC3qhHWl1nGFuXbLGWtrSPu5kbkGMgjTuxaFwLGbGL+U8O0mdiU6qZyzu6W/Zw/697L/////////////////////////////////////////////////////////////////////////////////////////////////////////////ABcTttv+0ABkgZoWIhCk2VMhBC3ZENfKbp3hwWHDJ4CIpWHFmyY9rwkEClpfZIJyhtQ1R4gBc9p8vaur8eWYimSv5QUKBXe2k+yOH0cyIyEQsNwY+lAbQrDpbCJDlKmd5s78gpKKjnItlp1EngSGoHpaey55WJRekWlDGUaabVvVn+r3nqg6XTtLSP1NTTutzkWHZytYw3q3jaxxt4sgAtpKTbb7QABiRolF5jRLDhiI8WMSMOcQKlAYWLgx4d9Zj4jh3AZuKhUrWBl4qBW1+VztBmW5hUa8kOICQSGEiK0pnSUFWQXQXg1uSlqHQLrCHMxe+HH/TqiEFyJjk5mqRzUbFFkbU8U1XdgFzZYvbAvUz//uQwP+AHajlT61jC3p5nKm1rOFvuUu5WbE9EJjbT45F4tR0juQK3d+JHdpasE5S2kp/rXZDj3G/nrsyFIv////////////////////////////////////////////////////////////////////////////////////////////////////////////////AKJJt1u9rAA88NdKmwuoQvREMUWHECcyhxQKlZZhkcYlaqhWAwArKdJWR4zcrBUo8YEBCMYQlp9GGCPP3AAEJAFUNbMMJABwTARt4CnlRFuw4iANgyib/g5o0xPNkYNIXjLztFAwlhkSY6iG26RDeupOM696241pJEnHlcMW7Utk7dZ2PXMYVDF2cpO3OcfbG7nV3//hMd/97vJwAmJK37f7QABARLmrYDASAB0RgRMEuyXkFnpoRmbo2OEEImtg0iYqTO75RMGUDiuWAkrCsDLpNsn8CSpYiThorOVeAI4jAxR9nfWW9T6DAGkJ9NUC44+vpBWGx47MoAVQelTh2nacKu5jVHZdi8/MhsfDT//uQwP+AHgjhTazjC3puHKk1rOFv0QxJ4fi9yHtUMZtRageOm7ds35d9e1l+t4WLvcvv/2x4J///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+SSylJtv9YADAgwqEDDQHBCMFDZbNXIdWMCNTZjogU6L+OqVUFES1ICEwTF8YKBpFegCyVcKRkaImmiGicoEHXmhYCvh5KOiXcjfZSKIjc1/pul0wUAOcwtCFZie6qzW5tp0bdxebE0w1VW7yuFuzTzy537eKXQ7EozfieNvkrr4Y4ZbsVt8/8crOf6yr428c8e4V9ABFJKTbf7QAAJg3JmTkyJCMEBI6tGQAkJIOaYGkWUFeZnYyhMdQdBZLV58UYVO4PMiBI4NC6zFBGlgBK9CJSSkU+EvmZl0Cy7Ul/0qY7P1FG3X0lIIiF3SqEeCh9A6eDMV8KYxxUsENicxGxfajkdcmlmo//uQwP+AHvTlT6zjC3pQHKm1rGFuy7O422R2pc5ViclXYalNNVl87LM6Ckpbtrc/hjvK1W7/8z/ereP////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////gJJJW7f/ZgAEmGFoQIXv8VjSrQqT0JDoHNVFFvdMr8Z+TWYMpoqgxK4W6JBlv0BCwCiqlMaZQJFBinDT0fQgOQOSRR6KglD0Pp9upAFXbAW7I3IA1aVAEVUroQyCHlL2WNKiq+oLhtmrgwVIYagqMymHKXON09PaoK+pJe7fpsbEgpd3sbtjnfFABEtKW3b2sAI0HuuHHpEFmAUWxIIHWBQ/DiR4RCko1bm1yhwl2J4BhHfRNQuSLQFBQA0tkKqr9GMDWkandg1mblFom6l1FY12l/J/IdQg8re6bLVySJ/kxVjuK1hMsty3lZ1VN4WrhdjjwVFqe3GJqlllS//uQwP+AIEzpTazjC3IlmOn1jGFuXz1W1hUu3Kalt02cY39PnYuy/Hve/bVEc//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8BEpKXbfWsADsJkYFvVzpcF/0BUe4IgQ4WQlTFV/YbQzKAFqgIJ9l3CIrZ2UKBlrFyCo34WCLRxwHIbxVZuiuguhlxIeMp2MqaURIKkC4C4EEEBMiSLUThFJIoGppVL47GZDUhqXVYcltW9HaWW17Vvupz892b25FZsbww+3awx3/5frX3eAFJJuXb/WsAMQA9DAaEpdiSDa5JRepeUSIzss/IF/PIjaV2BgVRhsiZgi4lCtdCkOuHgAuAp+GFMH8RJRuUvAJASFNgygKJIMrAD1Awai5ctjRcwglE1TtGbjA8vfuflNFnQ3saTlBjVpo3qX7v75fr39W//uQwP+AILjRSazjC3oXmyk1nGFuM7vbWdmvje1Xt7ucigfbP/f////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+S225d//9oAA5Aw9RwWCy9yh4JaSRQAJkjzL9Ej8nfUpHDJlpHDpk1WnqYw6WSEvl1V1rwEZHVKCEBBEcoCXRTRTgYiYDralTTYQlCmCi6iXCiAFKpY/78xVTlYOSybcQk7uY1ID3NRGdrTMP2LVWzlLpvetW7WOFbK3Q9+7ylpf/vLt5HNgFKJuXbfWsACrZy2CwCA9SkKgAlJVKNKyDSMKDiVtDSUoTmF0wwFLQtbFmNIoBYFghKOjWoar8IcdFg4jFaZAzZmaoYJkhRDzMeVWogawKBF1pUGMBe1csSQ6IrwhlOMXm5qs40/PVJ6w61emrZQPS27U3//uQwP+AILzFS6xnC3oXGeo1nGFuYnbX9mY3I9br0tF+8oI7Wv6vc5Z04/Ljk//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+Ci03Jd9rWAEVQjRoCA4BCgfxZyJr6EoItm+wIKSATHQcZ0B5kcQgIMHu10H0MEzyqCNBQW5LiQMwQt8zShLwDwTLRWEEpddK5BgWYgw0pgbiLDiSM3kp5Q/MOZSKWtbp47JpXDMvlNSFxemr3JijobU7HrmUpiUhptV91a/8sTdHIcs8dbv6NnFjmKwFJqS7f/2sAJIGiIGSW5Q5KnQ3S8MLhW5f5+AMkvYjW1EEtD5Jclxi+LAkJhdkPAl2I0tAf2MKhDpr2RHKGKzDIkakyFQg1D/oCXUZOlRNr/W7Zb1iTmx56mzPyz2ijb8z0YaRAz5P1KolTW5+zKNWpZax//uQwP+AH/zRSaznC3Ivmij1nOFvqUuqlb/wr5XbVXt2xNZ7xy7/PqZGWdZT////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wE23Nvv/qwAITA54vVSo1CxSQZcBOAQBjZkELPL0RuGRha/kc00GBCynfC4UVkWTBVT0TgsvivBoYiSy1pDoBuJgDgb7IdDdFHyOkYiIMonoxGGygOE0zgVynWVQT8nS6QxyiEpZ40dkyi1KovFiMGfTN8agb3rctVnkCE6QqkgFJtu3//2sAJMAEogFrIzogILtyWogocQrIkP0/nOhxJQogULflBpibOE/kcUsSIKELM1L0r1N1+kCkfU94yEFVVaaTTe2ddhh808yF77J6QSzNx26J7tha6+/aF2pbVcaKRRtaCVWu3JruOGNJbz+mnKa//uQwP+AIYjVS6xjC3n+F+m1nD1u3RzVernb6Gmh8yprnL1f/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////gppS7ff61gAuGC6jpla3sQMIDiEr0JGJMUSMSmzHAVeXaOQkyTGvL8SEQmGGuZyZa8YOkSnSBywDw0gjPeSAX3KXlUi+gxkeh5x00W2TaRUhlTp1Uz39jUESqTVPm+8sP3NyG3PS/uFn4hYqU1S5jdmI7nrt3LV2lwTUVCMJ/fln6gltuS7//6sAF0TMFI94hgCvhkiIbJh0yCeNCR1fOlBj0iRi7MTXvywuUBNXsSogJnjM6ELCcFuaRcVTbOIH0XYig1CHmOaaFmiB9VpfB/l4kHsaUjUo+fKIVFJFZKsP1C4wkSvQVqhwKR4yz3c32M0zrcG//uQwP+AITy5S6zjC3IIFyl1jOFvbINm1hsnxhkZ//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////4CZoaI7x//awA1UWeQcgFVxfJLYqhCEIlAJxn6R/QOjzLyAMoaZyZxLTHGY0Ohmzs04QAAI8SRj7+P3ALUGDxddwFcCszA/i4DdXKIEbLYYxbYJaEhPCd7o83lmFIRE4fh/oOJalM+rXqkeSbeIu4M14v1BxNLrwhwMtH0WmglJtu37WyIAAYAc4kSjUhPQaIBt1Ygm+OMQkgkCPUaaQQDLtPKX1Q1W4/RhAHiKADiQSBBAjWgAJQoRpEpZqbLCANQMNIgTozzfJSwIMxjgdxW3eY0Z6wWpAkYIjdead5BVOor6fEKZjb3CPHy6tP+491e//uQwP+AIby7Taxh63H3mCm9nL1utcsFYv8+S1bYcLf//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////4Lcjm31tkQAUABzKQCyDGFcYv+jSMgIaHgKn3JUspDAQqiLsMpR7ATC5Z0BOlRMMFRRV/DCT7WUvF5OSl3GFF+IvDcpG+4uMy2tXQF2lMn4XlzPW/UK9WUKn0tP2WYhVvbOlxJsfT1bL1h5KXshZ6AFySTf7bSIAColzFDmBpCjgC+aCZuSBAPetsuijW3CjTEB3rGGJiQtOXNLdHRioqBAS4sDupRtiqq3PfIY+qHyFjhaHI6WtPOJYWpwQqOyoRZTrp0r3sSi6U5ptj7+JW2oO70xPeT6xm+5PfVIkF/BxFmA//uQwP+AI4TNQaxh63G+mOh1nLFuKamp5H//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+CU23brJGyAEEqSSvRYyHdHAu2xNBpNAWcuAuQiM/EgEcmdoJguJTmCIOZwKISDJGiMEkh+tCYSzGq7ae76RH5yklOhStEvJRTpabnIwo/YKL9dzkaNtpdp0T0cq8Eh9KM8pjGtdcFaA9CQqW23/22yIAINkSUSl6JnrdVEDRPcDTAO8JECG5rNawrsn0PFLKIHMWckqsPsEvEOKRL7KAy6T00sp964OD4oKyXneEU6GCpli1NqRxVoUky+FW4t0lhSmiak9ucbtZdC5E6clYMyZyG5m7UdH//////////uQwP+AJDTFRaxl63GomCd1jCVv////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ltuXaySNkAIQAAKAVv2NCESGRNJKR9xO0Fl9lVpKW9EBp4gEw5gFvE48Pu4Dg0zJBEMLdqP5wFnXqExY6YmhPiZJCXWkXLCkou3R5DgyU6x9dRaEWTUviyGURd+okmlnXqz5TJGWw6lJr2RL8QpuW7bSSNkAN8HWC5mktZBSC2UZiZYODjIXMOKhWmqmWCVQEjLNiUOwyMFCyXschjLSnmd6boIYr63Fw6XICdDGVtWfeqghsJF/NEuRINm1ZeCuwZqfVQupck/ky2kyrNVPrl7HuQL1/////////////////uQwP+AI9DFQ6xhK3m1GCc1jKVv////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////4IK21tllkQAIgq3Gzq+5lGASEvR2CoFlJZoYwLMyQuSdi7+CZKhVpPqrTYpG5ZPGFp54z5CIA800WcydjDGmmCKKSpkncwPsiqJgSmpZCl1NvKtzHQofI9F9a3T3w2Lbykr+VfwER4d2dmttkIAZiHEgAJHgvM1IsuwcSMMCVx2oFkKtxjLMF+Y0FX1VMez985MVlay5tK3WiRqLtlIFaaLqJoSkPKZCuToTizqedYGoPiT3BdHRommrL4hlXVWtqQpRo+0U1rhc3rH///////////////////uQwP+AJOzBO6xhK3GSmKR1h6Vp/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+CpY22qrgBGRPp00XV9F+lzJGj4QLFSLmlhUSLqwdCZf5PKxWpz+rIOdLvz26nNwxKS8szC4oNploQXWMfFEmFkmoKWfIqC0sGs18jV4yIeDw9NknyFHTgOyRuRLSAD6iOkFlLyCKYEoQqZjUnwOgkashFIpdI7eT//f74FJULBECGxZA3yUpIdNi7d/8llN/////////////////////////////////////////////////////////////////////////////////uQwP+AJozFKey9K2ldF2NxhiFp//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////j///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////uQwP+AMXQ1H4elJOgAACXAAAAE//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//uQwP+AMYABLgAAACAAACXAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA")
    
              
            
!

CSS

              
                @import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);

body {
  background: #088;
  min-width: 640px;
}

header {
  h1 {
    color: white;
    text-align: center;
    text-shadow: 1px 1px black;
  }
}

.window {
  position: absolute;
  top: 50%; left: 50%;
  height: 17em;
  width: 30em;
  padding: 2px;
  background: #c0c0c0;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid #111;
  border-bottom: 1px solid #111;
  font-family: monospace, arial, sans-serif;
  font-size: 12px;
  transform: translate(-50%,-50%);
  cursor: default;
  user-select: none;
  .header {
    position: relative;
    background: #008;
    background-image: linear-gradient(to right, #00007b, #1980cb);
    color: #fff;
    .title {
      display: inline-block;
      padding: 0.25em;
      font-weight: bold;
    }
    .btn-info,
    .btn-close {
      position: absolute;
      top: 3px; right: 24px;
      display: block;
      height: 12px;
      padding: 0 4px;
      background: #c0c0c0;
      border-top: 1px solid white;
      border-left: 1px solid white;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666;
      box-shadow: 1px 1px 0 #111;
      color: black;
      font-size: 12px;
      font-weight: bold;
      line-height: 12px;
      cursor: default;
      &:active {
        background: #b0b0b0;
        border-top-color: #333;
        border-left-color: #333;
        border-right-color: #ddd;
        border-bottom-color: #ddd;
        box-shadow: -1px -1px 0 #666;
        span {
          position: relative;
          top: 1px;
          left: 1px;
        }
      }
    }
    .btn-close {
      top: 3px; right: 3px;
    }
  }
  .main {
    font-family: monospace, arial, sans-serif;
    letter-spacing: -1px;
    .image {
      position: absolute;
      height: 40px;
      width: 40px;
      top: 40px;
      left: 20px;
      border-radius: 5px;
      background-size: cover;
    }
    img {
      position: absolute;
      top: 40px;
      left: 20px;
      border-radius: 5px;
    }
    p {
      position: absolute;
      top: 30px;
      left: 80px;
    }
    .select {
      position: absolute;
      bottom: 60px;
      right: 15px;
      select {
        padding: 3px;
        width: 270px;
        background: #00007b;
        color: white;
        border-top: 2px solid white;
        border-left: 2px solid white;
        border-right: 2px solid white;
        border-bottom: 2px solid white;
        box-shadow: -1px -1px 0 #111;
      }
    }
    button {
      padding: 5px;
      width: 90px;
      background: #c0c0c0;
      border-top: 2px solid white;
      border-left: 2px solid white;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666;
      box-shadow: 1px 1px 0 #111;
      outline: 0;
      &:active {
        background: #b0b0b0;
        border-top-color: #333;
        border-left-color: #333;
        border-right-color: white;
        border-bottom-color: white;
        box-shadow: -1px -1px 0 #666;
        span {
          position: relative;
          top: 1px;
          left: 1px;
        }
      }
    }
    button[type="ok"] {
      position: absolute;
      bottom: 15px;
      right: 120px;
    }
    button[type="cancel"] {
      position: absolute;
      bottom: 15px;
      right: 15px;
    }
  }
}



.bsod {
  display: none;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  min-width: 640px;
  background: #0000a8;
  color: #f9f9fb;
  user-select: none;
  .bsod-center {
    position: absolute;
    top: 25%; left: 50%;
    width: 35em;
    font-family: "Share Tech Mono", monospace;
    font-size: 16px;
    font-weight: 500;
    transform: translate(-50%,-25%);
    .title {
      text-align: center;
      span {
        display: inline-block;
        padding: 0.125em 0.5em;
        background: silver;
        color: #0000a8;
      }
    }
    p {
      span {
        margin-left: 16px;
      }
    }
    .action {
      text-align: center;
      span {
        font-size: 1.25em;
        u {
          animation: blink 1s linear infinite;
        }
      }
    }
  }
}

@keyframes blink {
  0% {color: #f9f9fb;}
  49% {color: #f9f9fb;}
  50% {color: transparent;}
  99% {color: transparent;}
  
}

@media all and (max-width: 640px) {
  body {
    // background: red;
  }
  .window {
    left: 140px;
    transform: translate(0%,-46%);
  }
}

.image {
  background-image: url('data:image/png;base64,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');
}
              
            
!

JS

              
                $(document).ready(function(){
  $("button").click(crash);
  $(".btn-close").click(crash);
  $(".select").click(crash);
});

function crash() {
  beep();
  $(".bsod").toggle();
  $(".window").toggle();
}

function beep() {
  $(".error-wav audio").trigger("play");
}
              
            
!
999px

Console